/* Start:/local/templates/mst/components/bquadro/catalog/mst_catalog/style.css?1743678261879*/ .grid .bx_content_section { margin-bottom: 15px; } .grid .bx_sidebar { margin-bottom: 15px; } /* 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%; 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 0; border-bottom: 2px solid #d9dee6; border-bottom-color: var(--primary); color: #000; } /* End */ /* Start:/local/js.lib/fancybox/jquery.fancybox.min.css?174367826012887*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;/*left:env(safe-area-inset-left);*/ padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;/*right:env(safe-area-inset-right)*/}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{ /*padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))*/ padding: 75px 44px 25px 44px}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{/*padding-left:max(12px,env(safe-area-inset-left));*/ padding-left: 12px; /*padding-right:max(12px,env(safe-area-inset-right))*/ padding-right: 12px}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/mst/components/bitrix/catalog.element/bootstrap_v4_redisign_3/style.css?174367826154019*/ /*------------------------*/ .scrollyeah__shadow { display: none !important } .mainSection { margin-top: 60px !important } .goodgrid .tooltipControl .tooltipBlock { padding: 16px; left: -20px; top: calc(100% + 20px); max-width: 250px; border-radius: 6px; font-size: 16px; line-height: 26px; } .goodgrid .tooltipControl .tooltipBlock.right { left: auto; right: -20px; } .goodgrid .tooltipControl .tooltipBlock a { margin-top: 10px; text-decoration-color: #026EF9; font-size: 18px; } .goodgrid__tabs { margin-bottom: 40px; } .goodgrid__wrap, .goodgrid__main-wrap { display: flex; flex-wrap: wrap; margin-left: -14px; margin-right: -14px; } .goodgrid__main-wrap { margin-bottom: 22px; } .goodgrid__wrap > .goodgrid__col { width: 33%; padding-left: 14px; padding-right: 14px; } .goodgrid__wrap > .goodgrid__col:first-child { width: 66.66% } .goodgrid__main-wrap > .goodgrid__col { width: 50%; padding-left: 14px; padding-right: 14px; } .goodgrid-block { border-radius: 6px; background: var(--White, #FFF); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); padding: 24px; margin-bottom: 16px; } .goodgrid__main-wrap .goodgrid-block { margin-bottom: 0; } .goodgrid__head { margin-bottom: 16px; } .goodgrid__head h1 { font-size: 40px; } .goodgrid__calc-button { display: flex; flex-wrap: wrap; margin: 0 -24px -24px; } .goodgrid__calc-button__item { width: 50%; margin-top: -22px; padding-top: 22px; padding-bottom: 22px; text-align: center; cursor: pointer; padding-right: 24px; padding-left: 24px; } .goodgrid__calc-button__item:first-child { border-right: 1px solid #E6E6E6; } .goodgrid__calc-button__item span { position: relative; display: inline-block; text-align: left; text-decoration: underline; } .goodgrid__calc-button__item span { padding-left: 28px; } .goodgrid__calc-button__item span:before { content: ''; background-position: center; background-repeat: no-repeat; background-image: url("/local/templates/mst/components/bitrix/catalog.element/bootstrap_v4_redisign_3/images/calc.svg"); width: 20px; height: 20px; position: absolute; left: 0; top: -2px; } .goodgrid__calc-button__item:hover span { text-decoration: none; } .goodgrid-row { display: flex; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; margin-bottom: 16px; } .goodgrid-row .goodgrid-row__block { padding-left: 8px; padding-right: 8px; width: 50%; } .goodgrid-row .goodgrid-row__block .goodgrid-block { height: 100%; margin-bottom: 0; } .goodgrid_small-title { color: var(--Black, #232323); font-family: Gilroy; font-size: 16px; font-style: normal; font-weight: 600; line-height: 120%; margin-bottom: 16px; } .goodgrid__col--1 .goodgrid-block:last-child { margin-bottom: 0; } /**/ .good-top__slider-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 0; padding-bottom: 73%; margin-bottom: 32px; } .good-top__slider-thumbnail { position: absolute !important; top: 0; left: 0; width: 12%; height: 76%; -ms-flex-negative: 0; flex-shrink: 0; } .good-top__slider-wrapper--padd .good-top__slider-thumbnail { top: 12%; } .good-top__slider-thumbnail .swiper-slide { cursor: pointer; position: relative; border: 1px solid #E3E3E3; background: #fff; border-radius: 6px; -webkit-transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease; transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease; -o-transition: border-color 0.3s ease, box-shadow 0.3s ease; transition: border-color 0.3s ease, box-shadow 0.3s ease; transition: border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } .good-top__slider-thumbnail:not(.swiper-initialized) .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .good-top__slider-thumbnail:not(.swiper-initialized) .swiper-slide { height: 0; padding-bottom: 93.525%; margin-bottom: 12px; } .good-top__slider-thumbnail:not(.swiper-initialized) .swiper-slide:first-child { border-color: #026EF9; -webkit-box-shadow: 0px 0px 10px 0px rgba(2, 110, 249, 0.40); box-shadow: 0px 0px 10px 0px rgba(2, 110, 249, 0.40); } .good-top__slider-thumbnail:not(.swiper-initialized) .good-top__slider-thumbnail-prev, .good-top__slider-thumbnail:not(.swiper-initialized) .good-top__slider-thumbnail-next { display: none; } .good-top__slider-thumbnail .swiper-slide.swiper-slide-thumb-active { border-color: transparent; } .good-top__slider-thumbnail .swiper-slide.swiper-slide-thumb-active:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #026EF9; border-radius: 6px; } .good-top__slider-thumbnail .swiper-slide img { display: block; width: auto; position: absolute; max-width: 90%; height: 90%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: contain; object-fit: contain; } .good-top__slider-thumbnail-prev, .good-top__slider-thumbnail-next { z-index: 1; position: absolute; left: 0; width: 12%; height: 12%; } .good-top__slider-thumbnail-prev span, .good-top__slider-thumbnail-next span { -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); background: #fff; border-radius: 50%; color: #979797; -webkit-transition: color 0.3s ease, background 0.3s ease; -o-transition: color 0.3s ease, background 0.3s ease; transition: color 0.3s ease, background 0.3s ease; display: block; width: 35%; height: 48%; position: relative; margin-right: auto; margin-left: auto; } .good-top__slider-thumbnail-prev.swiper-button-disabled, .good-top__slider-thumbnail-next.swiper-button-disabled { opacity: .3; cursor: default; } .good-top__slider-thumbnail-prev:not(.swiper-button-disabled):hover span, .good-top__slider-thumbnail-next:not(.swiper-button-disabled):hover span { color: #fff; background: #026EF9; } .good-top__slider-thumbnail-prev svg, .good-top__slider-thumbnail-next svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 12px; height: 8px; -o-object-fit: contain; object-fit: contain; color: currentColor; } .good-top__slider-thumbnail-next svg { -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .good-top__slider-thumbnail-prev svg path, .good-top__slider-thumbnail-next svg path { stroke: currentColor; } .good-top__slider-thumbnail-prev { top: 0px; } .good-top__slider-thumbnail-next { bottom: 0px; } .good-top__slider-main { width: calc(88% - 15px); height: 100%; position: absolute !important; top: 0; right: 0; } .good-top__slider-main .swiper-slide { position: relative; background: #FFF; } .good-top__slider-main .swiper-slide a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .good-top__slider-main .swiper-slide img { position: absolute; display: block; width: auto; max-width: 90%; height: 90%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: contain; object-fit: contain; } .good-top__slider-main-pagination { display: none; position: absolute; bottom: 0 !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; } .good-top__slider-main-pagination .swiper-pagination-bullet { background: #C2C2C2 !important; opacity: 1; } .good-top__slider-main-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #026EF9 !important; } /**/ .panelmonitor { position: relative; margin-bottom: 45px; } .panelmonitor img { width: 100%; } .panelmonitor svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .panelmonitor--vp { max-width: 1189px; } .panelmonitor--mo { max-width: 1189px; } .panelmonitor svg .panelmonitor__block { fill: #0079FA; fill-rule: evenodd; fill-opacity: .4; stroke: #026EF9; stroke-width: 2; -webkit-transition: fill-opacity .3s ease; -o-transition: fill-opacity .3s ease; transition: fill-opacity .3s ease; } .panelmonitor svg .panelmonitor__block:hover { fill-opacity: .8; } .panelmonitor__tooltip { position: absolute; z-index: 2; background-color: #fff; font-weight: 500; font-size: 14px; line-height: 17px; border-radius: 4px; padding: 5px 10px; width: 200px; text-align: center; opacity: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); pointer-events: none; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); } .panelmonitor__tooltip:before { content: ""; width: 10px; height: 10px; position: absolute; margin: auto; background: #fff; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .panelmonitor__tooltip--active { opacity: 1; } .panelmonitor--vp .panelmonitor__tooltip:before { left: calc(50% - 5px); bottom: -4px; } .panelmonitor--mo svg .panelmonitor__block { fill-opacity: 1; stroke-width: 0; -webkit-transition: fill .3s ease; -o-transition: fill .3s ease; transition: fill .3s ease; } .panelmonitor--mo svg .panelmonitor__block:hover { fill: #fff; fill-opacity: 1; } .panelmonitor--mo .panelmonitor__tooltip:before { left: calc(50% - 5px); bottom: -4px; } @media (max-width: 1199px) { .panelmonitor__tooltip { width: 185px; font-size: 13px; line-height: 16px; } } @media (max-width: 1023px) { .panelmonitor__tooltip { width: 142px; font-size: 10px; line-height: 12px; } } @media (max-width: 767px) { .panelmonitor { position: relative; background-color: #232323; margin-bottom: 25px; padding-bottom: 15px; } .panelmonitor__wrap { overflow-y: hidden; overflow-x: auto; position: relative; left: 0; top: 0; width: 100%; height: 400px; } .panelmonitor img { width: auto; height: 400px; } .panelmonitor svg { width: auto; } .panelmonitor__tooltip { display: none; margin: 0 auto; position: static; width: calc(100% - 20%); -webkit-transform: none; -ms-transform: none; transform: none; font-size: 14px; line-height: 17px; margin-top: 15px; } .panelmonitor__tooltip:before { display: none; } .panelmonitor__tooltip.panelmonitor__tooltip--active { display: block; } } /**/ .productSection .iconFavourite [class*="icon"].wl-hide { display: none !important; } .productSection .iconFavourite [class*="icon"].full.wl-act { color: #d23838; opacity: 1; z-index: 1; } .productSection .compare-wr { cursor: pointer; } .productSection .iconFavourite { position: relative; display: block; cursor: pointer; } .productSection .iconFavourite span { font-family: "Gilroy"; font-size: 16px; line-height: 120%; font-weight: 400; } .productSection .iconFavourite span, .productSection .wish-link::before { vertical-align: middle; } .productSection .wish-link::before { margin-right: 6px; } .productSection .iconFavourite [class*="icon"] { top: 0; left: 0; display: block; font-size: 24px; color: #232323; opacity: 1; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .productSection .iconFavourite [class*="icon"].in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .productSection .iconFavourite [class*="icon"].full { color: #d23838; opacity: 1 !important; z-index: 1; } .productSection .iconFavourite.active [class*="icon"], .productSection .iconFavourite:hover [class*="icon"] { opacity: 1 !important; } .productSection .wish_wrap a { text-decoration: none; } .productSection .wish_wrap a span { display: inline; } /**/ .btnSimpleIcon.checkbox input:checked + .compare-wr .compare-wr__nosel { display: none; vertical-align: middle; } .btnSimpleIcon.checkbox input:checked + .compare-wr .compare-wr__sel { display: inline; vertical-align: middle; } .checkbox.btnSimpleIcon [type="checkbox"] { display: none; } /**/ .goodgrid .controls .icon-heart:before, .goodgrid .controls .icon-chart:before { color: #026EF9; } .goodgrid .controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -24px -24px; } .goodgrid .controls > li { width: 33.33%; border-right: 1px solid #E6E6E6; } .goodgrid .controls > li:last-child { border: none; } .goodgrid .controls .iconFavourite [class*="icon"], .goodgrid .controls .checkbox label, .ya-share2__list.ya-share2__list_direction_vertical > .ya-share2__item:last-child { padding-top: 18px; padding-bottom: 18px; width: 100%; text-align: center; cursor: pointer; } .ya-share2__list.ya-share2__list_direction_vertical > .ya-share2__item:last-child:hover .ya-share2__title { color: #026EF9 !important; } .ya-share2__list { width: 100%; } .ya-share2__container_size_m.ya-share2__container_alone .ya-share2__popup_direction_bottom, .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__popup_direction_bottom { top: 66px !important; } .goodgrid .controls .checkbox { margin: 0; width: 100%; } .goodgrid .controls .checkbox label { min-height: auto; } .goodgrid .controls .btnSimpleIcon.checkbox .text { font-family: "Gilroy"; font-size: 16px; line-height: 120%; font-weight: 400; color: #232323; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .goodgrid .controls .btnSimpleIcon.checkbox:hover .text { color: #026EF9; } .goodgrid .controls .btnSimpleIcon.checkbox .compare-wr .compare-wr__nosel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .goodgrid .controls .btnSimpleIcon.checkbox input:checked + .compare-wr .compare-wr__nosel { display: none; } .goodgrid .controls .btnSimpleIcon.checkbox input:checked + .compare-wr .compare-wr__sel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .goodgrid .controls .btnSimpleIcon.checkbox .icon-chart { margin-right: 6px; } .goodgrid .controls .shareButton .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more:not(.ya-share2__link_more-button-type_short) .ya-share2__title { font-family: "Gilroy"; font-size: 16px; line-height: 140%; font-weight: 400; color: #232323; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .goodgrid .controls .shareButton .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more:hover .ya-share2__title { color: #026EF9; } .goodgrid .shareButton .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more { display: block; } .goodgrid .controls .btnSimpleIcon .in { padding-left: 0; } .goodgrid .iconFavourite [class*="icon"] { color: #026EF9; } .goodgrid .iconFavourite [class*="icon"].full.wl-act { color: #d23838; } .productSection .goodgrid .controls .wish-link span { color: #232323; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .productSection .good .controls .wish-link:hover span { color: #026EF9; } .good-banner__desk, .good-banner__adap, a.good-banner__desk, a.good-banner__adap { margin-top: 16px; margin-bottom: 16px; display: block; max-width: 100%; } .good-banner__adap { display: none; } @media (max-width: 991px) { .good-banner__desk, .good-banner__adap, a.good-banner__desk, a.good-banner__adap { margin-left: auto; margin-right: auto; } } @media (max-width: 600px) { .good-banner__desk { display: none; } .good-banner__adap { display: block; } } /**/ .good-countdown { padding: 24px; border-radius: 6px; background-color: #EBF0F7; margin-bottom: 16px; } .good-countdown__text { color: #000; font-family: Open Sans; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; /* 162.5% */ } .good-countdown__wrap { display: flex; flex-wrap: wrap; } .good-countdown__info { padding-right: 8px; width: 50%; } .good-countdown__main a { color: var(--Blue, #026EF9); font-family: Gilroy; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; /* 19.2px */ letter-spacing: 0.217px; text-decoration-line: underline; } .good-countdown__info a:hover { text-decoration: none; } .good-countdown__main { width: 50%; padding-left: 8px; } .good-countdown__countdown { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 16px; } .good-countdown-countdown__col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-right: 16px; } .good-countdown-countdown__col:last-child { border: none; } .good-countdown-countdown__val { font-weight: 500; font-size: 24px; line-height: 20px; color: #232323; text-align: center; } .good-countdown-countdown__title { font-weight: 500; font-size: 12px; color: #232323; } /**/ .good-gallery-slider { position: relative; margin-bottom: 32px; } .good-gallery-slider .splide__slide { position: relative; } .good-gallery-slider .splide__slide a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .good-gallery-slider .splide__slide:before { content: ''; display: block; padding-top: 100%; } .good-gallery-slider .splide__slide img { left: 0; top: 0; right: 0; bottom: 0; position: absolute; width: 100%; height: 100%; -o-object-position: top center; object-position: top center; -o-object-fit: cover; object-fit: cover; border-radius: 6px; } .good-gallery-slider .splide__arrow { width: 34px; height: 100%; opacity: 1; background-color: transparent; } .splide.is-focus-in .splide__arrow:focus, .splide__arrow:focus-visible { outline: none !important } .good-gallery-slider .splide__list { max-height: 120px; } .good-gallery-slider .splide__arrow:before { content: ''; position: absolute; right: 0; top: calc(50% - 12px); width: 24px; height: 24px; border-radius: 50%; background-image: url(/local/templates/mst/components/bitrix/catalog.element/bootstrap_v4_redisign_3/images/good-gallery-slider.svg); background-position: 45% center; background-repeat: no-repeat; background-size: 30%; -webkit-transform-origin: 25px 12px; -ms-transform-origin: 25px 12px; transform-origin: 25px 12px; background-color: #fff; } .good-gallery-slider .splide__arrow--prev { left: 0; } .good-gallery-slider .splide__arrow--next { right: 0; transform: translateY(-50%) scale(-1); } .good-gallery-slider .splide__arrow:disabled { opacity: 0; } .good-gallery-slider .splide__pagination { position: static; margin-top: 18px; } .good-gallery-slider .splide__pagination__page { opacity: 1; background-color: #C2C2C2; margin: 0px 4px 0px 4px; } .good-gallery-slider .splide__pagination__page.is-active { background: #026EF9; -webkit-transform: none; -ms-transform: none; transform: none; } .good-gallery-slider .splide__pagination { display: none !important; } /**/ .goodgrid .price { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 16px; } .goodgrid .currentPrice { font-weight: 700; font-size: 35px; line-height: 1.2; color: #026EF9; letter-spacing: 1px; } .goodgrid .currentPrice span { font-weight: 700; font-size: 16px; line-height: 1.4; } .goodgrid .oldPrice { color: var(--Black, #232323); font-family: Gilroy; font-size: 24px; font-style: normal; font-weight: 700; line-height: 120%; /* 28.8px */ letter-spacing: 0.217px; text-decoration-line: line-through; width: 100%; } .goodgrid .currentPrice--empty { color: #C2C2C2; } .goodgrid .price-stock-out { font-weight: 700; font-size: 35px; line-height: 1.2; color: #A3ABB5; letter-spacing: 0.22px; margin-right: 6px; margin-bottom: 16px; display: block; } .goodgrid .good__panel .price-stock-out { font-size: 24px; } .goodgrid .benefit { color: var(--dark-grey, #979797); font-family: Open Sans; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; /* 162.5% */ width: 100%; } .goodgrid [data-entity="main-button-container"] [class*="btnFill"].md { padding-left: 4px; padding-right: 4px; } /**/ .goodgrid .docsList { display: block; margin-top: 24px; } .goodgrid .docsList .item:not(.docsList>:first-child) { margin-top: 12px; } .goodgrid .docsList .docItem { color: #232323; position: relative; display: inline-block; padding-left: 40px; font-family: "Open Sans"; font-size: 15px; font-weight: 400; line-height: 1.6; min-height: 24px; letter-spacing: 0.217px; text-decoration: underline; } .docsList__hidden { display: none; } .goodgrid .docsList .docItem:hover { text-decoration: none; } .goodgrid .docsList .docItem [class*="icon"] { position: absolute; width: 24px; height: 24px; left: 4px; top: -1px; } .goodgrid .docsList .docItem [class*="icon"]:before { content: ''; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(/local/templates/mst/components/bitrix/catalog.element/bootstrap_v4_redisign_3/images/doc.svg); position: absolute; } .docsList__all { color: #026EF9; font-family: Gilroy; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ letter-spacing: 0.217px; margin-top: 16px; cursor: pointer; } .docsList__all span { position: relative; padding-right: 31px; } .docsList__all span:before { content: ''; position: absolute; right: 0; top: calc(50% - 6px); background-image: url("/local/templates/mst/components/bitrix/catalog.element/bootstrap_v4_redisign_3/images/arr123.svg"); width: 17px; height: 12px; background-position: center; background-repeat: no-repeat; background-size: contain; } .docsList__all--open span:before { transform: rotate(180deg); } /*-*/ .good-top__v { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 120px; border: 1px solid #E3E3E3; overflow: hidden; border-radius: 6px; } .good-top__v img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .good-top__v:hover img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .good-top__v::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, 0.4); } .good-top-v__ico { position: relative; z-index: 3; display: block; background: rgba(35, 35, 35, 0.6); border-radius: 50%; width: 85px; height: 85px; -webkit-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } .good-top__v:hover .good-top-v__ico { background: #026EF9; } .good-top-v__ico::after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-35%, -50%); -ms-transform: translate(-35%, -50%); transform: translate(-35%, -50%); width: 0; height: 0; border-style: solid; border-width: 21px 0 21px 32px; border-color: transparent transparent transparent #ffffff; } .good-top-v__title { display: none; position: relative; z-index: 3; font-size: 13px; font-weight: 500; line-height: 1.53846; margin-left: 16px; color: #fff; } /**/ .good-labels { margin-bottom: 8px; } .good-labels ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .good-labels li { margin-bottom: 10px; margin-right: 8px; margin-bottom: 8px; } .good-labels .productTag { display: inline-block; } /**/ .goodgrid [data-entity="main-button-container"] .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .goodgrid [data-entity="main-button-container"] .button { width: calc(50% - 6px); } .goodgrid [data-entity="main-button-container"] { margin-bottom: 16px; } .goodgrid [data-entity="main-button-container"] .button:first-child { margin-right: 12px; } .good__panel [data-entity="main-button-container"] .button { width: 185px; } .buy-info { margin-bottom: 16px; } .buy-info__item { color: #232323; font-family: Gilroy; font-size: 16px; font-style: normal; font-weight: 400; margin-bottom: 8px; line-height: 120%; /* 19.2px */ } .buy-info__count span { color: #50B646; font-weight: 700; } .goodgrid-block__title { font-size: 24px; font-style: normal; font-weight: 600; line-height: 32px; /* 133.333% */ letter-spacing: 1px; margin-bottom: 24px; } .goodgrid-block__small-title { color: #232323; font-size: 16px; font-style: normal; font-weight: 600; margin-bottom: 14px; line-height: 120%; /* 19.2px */ } .goodgrid__chars { font-family: Open Sans, serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; /* 162.5% */ margin-bottom: 16px; position: relative; } .brand + .goodgrid__chars { margin-top: 24px; } .goodgrid__chars ul, .goodgrid__tech ul, .textBlock ul { list-style-type: disc; padding-left: 24px; } .goodgrid__chars--all { display: none; } .goodgrid__chars--all span { color: #026EF9; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ letter-spacing: 0.217px; text-decoration-line: underline; cursor: pointer; } .goodgrid__chars--all:hover span { text-decoration: none; } .goodgrid__chars--cut { height: 234px; overflow: hidden; } .goodgrid__chars--cut:before { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 50px; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } .goodgrid__chars--cut + .goodgrid__chars--all { display: block; } .brand { position: relative; } .brand a { display: block; text-decoration: underline; color: #232323; } .brand a:hover { text-decoration: none; } /**/ .good__tabs { } .good-tabs__item.swiper-slide { width: auto; -ms-flex-negative: initial; flex-shrink: initial; position: relative; cursor: pointer; white-space: nowrap; } .good__tabs .swiper-scrollbar { background-color: #F7F9FC; height: 4px; cursor: pointer; overflow: hidden; } .good__tabs .swiper-scrollbar-drag { background-color: #d3e0f1; } .good-tabs__item.swiper-slide span { display: block; margin-right: 32px; padding-bottom: 19px; color: #026EF9; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; /* 19.2px */ text-decoration-line: underline; } .good-tabs__item.swiper-slide:last-child span, .good-tabs__item.swiper-slide:last-of-type span { margin-right: 0; } .good-tabs__item:hover span, .good-tabs__item--active span { text-decoration-line: none; } .good-tabs__content { margin-bottom: 72px; } .good-tabs__content:last-child { margin-bottom: 0; } .good-tabs__wrap { position: relative; } .good__tabs .swiper-button-prev, .good__tabs .swiper-button-next { z-index: 1; position: absolute; width: 50px; height: 50px; bottom: 3px; top: auto; } .good__tabs .swiper-button-prev:after, .good__tabs .swiper-button-next:after { display: none; } .good__tabs .swiper-button-prev span, .good__tabs .swiper-button-next span { background: #fff; border-radius: 50%; color: #979797; -webkit-transition: color 0.3s ease, background 0.3s ease; -o-transition: color 0.3s ease, background 0.3s ease; transition: color 0.3s ease, background 0.3s ease; display: block; width: 24px; height: 24px; position: relative; margin-right: auto; margin-left: auto; border: 1px solid #979797; } .good__tabs .swiper-button-prev.swiper-button-disabled, .good__tabs .swiper-button-next.swiper-button-disabled { display: none; } .good__tabs .swiper-button-prev:not(.swiper-button-disabled):hover span, .good__tabs .swiper-button-next:not(.swiper-button-disabled):hover span { color: #fff; background: #026EF9; border-color: #026EF9; } .good__tabs .swiper-button-prev svg, .good__tabs .swiper-button-next svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 12px; height: 8px; -o-object-fit: contain; object-fit: contain; color: currentColor; } .good__tabs .swiper-button-next svg { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .good__tabs .swiper-button-prev svg { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } .good__tabs .swiper-button-prev svg path, .good__tabs .swiper-button-next svg path { stroke: currentColor; } .good__tabs .swiper-button-prev { left: 0; } .good__tabs .swiper-button-next { right: 0; } .good-tabs__wrap--prev { padding-left: 50px; } .good-tabs__wrap--next { padding-right: 50px; } .good-tabs__content h2:not(.good-char-acc__title) { font-weight: 500; font-size: 45px; line-height: 55px; letter-spacing: 1px; margin-bottom: 42px; color: #232323; } .good-tabs-content__title { font-size: 36px; font-style: normal; font-weight: 600; line-height: 120%; /* 43.2px */ letter-spacing: 1px; margin-bottom: 24px; position: relative; } .good-tabs-content__wrap { } .goodgrid__about, .goodgrid__tech, .textBlock { font-family: Open Sans; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; /* 162.5% */ } .goodgrid-block--tabs { margin-bottom: 0; } .goodgrid-block--tabs .good-tabs__item { color: #232323; font-family: Gilroy; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; padding-left: 20px; position: relative; cursor: pointer; } .goodgrid-block--tabs .good-tabs__item span { padding-top: 8px; padding-bottom: 8px; display: block; } .goodgrid-block--tabs .good-tabs__item--active { font-weight: 700; color: #026EF9; } .goodgrid-block--tabs .good-tabs__item--active:before { content: ''; width: 4px; height: 20px; background-color: #026EF9; position: absolute; left: 0; top: 8px; height: calc(100% - 16px); } .productData { display: flex; flex-wrap: wrap; } .productData .item { width: 33.33%; } .productData .param { display: block; text-align: center; font-size: 16px; font-style: normal; font-weight: 700; line-height: 120%; /* 19.2px */ margin-bottom: 8px; } .productData .data { display: block; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; /* 19.2px */ } .productData a.data { text-decoration: underline; color: #232323; } .productData a.data:hover { text-decoration: none; } .productData + .good__tags { margin-top: 24px; } .good__tags { margin-left: -6px; margin-right: -6px; position: relative; } .good__tags:before { content: ''; width: 30px; position: absolute; right: 0; top: 0; height: 100%; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); z-index: 11; } .good__tags ul { display: flex; flex-wrap: wrap; } .good__tags ul li a { padding: 4px; display: block; } .good__tags ul li a span { color: #026EF9; display: block; padding: 5px 16px; transition: 0.3s; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; border: 1px solid #026EF9; border-radius: 20px; } .good__tags ul li:hover a span { color: #fff; background: #026EF9; } @media (min-width: 1024px) { .good__tags .scrollyeah__wrap, .good-labels .scrollyeah__wrap { width: 100% !important; } .good__tags:before { display: none; } } .goodgrid .priceOptions ul { display: block; } .priceOptions + .goodgrid__calc-button { margin-top: 16px; } .goodgrid .priceOptions ul li { padding: 0; padding-left: 28px; margin-bottom: 16px; margin-right: 0; position: relative; } .goodgrid .priceOptions ul li .ico { position: absolute; left: 0; top: 0; background-position: center; background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; } .goodgrid .priceOptions ul li .ico--1 { background-image: url("/local/templates/mst/components/bitrix/catalog.element/bootstrap_v4_redisign_3/images/priceOption1.svg"); } .goodgrid .priceOptions ul li .ico--2 { background-image: url("/local/templates/mst/components/bitrix/catalog.element/bootstrap_v4_redisign_3/images/priceOption2.svg"); } .goodgrid .priceOptions ul li .ico--3 { background-image: url("/local/templates/mst/components/bitrix/catalog.element/bootstrap_v4_redisign_3/images/priceOption3.svg"); } .goodgrid .priceOptions ul li a.simpleLink2 { color: #026EF9; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; /* 19.2px */ text-decoration: none; } .goodgrid .priceOption [class*="icon"] { color: #C2C2C2; } .goodgrid .priceOptions ul li:last-child { margin-bottom: 0; } /**/ .good__panel { left: 0; top: 0; z-index: 15; background-color: #fff; width: 100%; overflow: hidden; height: 0; position: fixed; -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0; box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0; } .good-panel__img { width: 77px; height: 76px; } .good-panel__img img { max-width: 100%; max-height: 100%; display: block; margin: auto; } .good-panel__right { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .good-panel__main { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding-top: 12px; padding-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; } .good__panel .price { margin-bottom: 0; margin-right: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .good__panel .currentPrice span { font-weight: 400; font-size: 15px; line-height: 24px; } .good__panel .currentPrice { font-weight: 600; font-size: 24px; line-height: 32px; } .good__panel .oldPrice { font-weight: 700; font-size: 16px; line-height: 120%; margin-top: 0; } .good-panel__title { font-weight: 600; font-size: 24px; line-height: 32px; width: calc(100% - 825px); padding-left: 20px; } .good-panel__title > span { display: block; } .good__panel--fix { height: auto; } .good__panel [data-entity="main-button-container"] { margin-bottom: 0; } .good-kab a { display: block; color: #026EF9; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; /* 19.2px */ text-decoration-line: underline; margin-bottom: 8px; } .good-kab a:last-child { margin-bottom: 0; } .payback_calc__block, .leasing_calc__block { display: flex; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; align-items: flex-end; } .payback_calc__block .calcItem, .leasing_calc__block .calcItem { width: 33.33%; padding-left: 8px; padding-right: 8px; } .calcBlock .payback_calc__block .calcItem + .calcItem, .calcBlock .leasing_calc__block .calcItem + .calcItem { margin-top: 0; } .payback_calc__block .calcItem .label, .leasing_calc__block .calcItem .label { color: #232323; } .goodgrid .product-communication-aside__block { padding: 24px; border-radius: 20px; width: 100%; } .goodgrid .product-communication__aside { padding-right: 14px; position: static; } .goodgrid .product-communication__main { padding-left: 14px; } /**/ .goodgrid-block[data-id="calc_lis"], .goodgrid-block[data-id="calc_ocup"] { position: relative; } .goodgrid .leasing-calc__title, .goodgrid .payback-calc__title { display: none; } .goodgrid .calcResult .form-load { display: none; } .calcBlock { margin-top: 40px; } .goodgrid .calcResultElement, .goodgrid .payback-calc__total { position: absolute; right: 24px; top: 24px; color: #026EF9; font-size: 36px; font-style: normal; font-weight: 600; line-height: 120%; /* 43.2px */ letter-spacing: 1px; } .goodgrid .payback-calc__total--small { font-size: 22px;; color: #232323; top: 37px; } /**/ .good-otz2 { margin-top: 24px; } .good-otz2 .textContent { margin-top: 16px; margin-bottom: 16px; } .goodgrid .productReviewSlider + .sliderNav.disabled { display: none; } .reviewContentBlock .item { margin-bottom: 24px; } .reviewContentBlock .item:last-child { margin-bottom: 0; } .goodgrid-promotion { padding: 24px; background-color: #021B38; margin-bottom: 16px; border-radius: 6px; display: block; } .goodgrid-promotion__wrap { display: flex; flex-wrap: wrap; align-items: center; } .goodgrid-promotion__text { color: var(--White, var(--White, #FFF)); font-family: Gilroy; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; } .goodgrid-promotion .countdown-acd { padding: 0; } .goodgrid-promotion__text { width: calc(100% - 172px); padding-right: 20px; } .goodgrid-promotion__main { width: 172px; display: flex; flex-direction: column; } .goodgrid-promotion__link { margin-top: auto; color: var(--Blue, #026EF9); font-family: Gilroy; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: 0.217px; text-decoration-line: underline; } .goodgrid-promotion:hover .goodgrid-promotion__link { text-decoration: none; } .goodgrid-block--promotions__title { color: var(--Black, #232323); font-size: 16px; font-style: normal; font-weight: 700; line-height: 120%; /* 19.2px */ margin-bottom: 24px; } .goodgrid-promotion .countdown-acd__outer { margin-bottom: 16px; } @media (max-width: 1910px) { .goodgrid-row .goodgrid-row__block { width: 100%; margin-bottom: 16px; } .goodgrid-row .goodgrid-row__block:first-child { order: 2; margin-bottom: 0; } .goodgrid-row .goodgrid-row__block:last-child { order: 1; } .good-countdown__wrap { display: block; } .good-countdown__info, .good-countdown__main { width: 100%; padding: 0; } .good-countdown__text { margin-bottom: 16px; } } @media (max-width: 1700px) { .productSection .goodgrid .controls .wish-link span, .goodgrid .controls .btnSimpleIcon.checkbox .text, .goodgrid .controls .shareButton .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more:not(.ya-share2__link_more-button-type_short) .ya-share2__title { font-size: 14px; } .goodgrid .controls .shareButton .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more:not(.ya-share2__link_more-button-type_short) .ya-share2__title { line-height: 170%; } } @media (max-width: 1680px) { .goodgrid-promotion__wrap { display: block; } .goodgrid-promotion__text { margin-bottom: 10px; } .goodgrid-promotion__text, .goodgrid-promotion__main { padding: 0; width: 100%; } .goodgrid-promotion .countdown-acd__outer { margin-bottom: 10px; } } @media (max-width: 1439px) { .good-panel__right { display: block; } .good-panel__title { width: calc(100% - 500px); } .good-panel__main { padding-top: 10px; padding-bottom: 10px; } .good-panel__title { font-size: 20px; line-height: 27px; } .good__panel .currentPrice { font-size: 20px; line-height: 29px; } .productSection .goodgrid .controls .wish-link span, .goodgrid .controls .btnSimpleIcon.checkbox .text, .goodgrid .controls .shareButton .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more:not(.ya-share2__link_more-button-type_short) .ya-share2__title { display: none; } .goodgrid [data-entity="main-button-container"] .button { width: calc(50% - 4px); } .goodgrid [data-entity="main-button-container"] .button--analogue { width: 100%; } .goodgrid [data-entity="main-button-container"] .button:first-child { margin-right: 8px; } .goodgrid .good__panel [data-entity="main-button-container"] .button { width: 175px } .productData .item { width: 100%; justify-content: space-between; display: flex; margin-bottom: 8px; } .productData .item:last-child { margin-bottom: 0; } .productData .item a, .productData .item span { max-width: 50%; } .productData .param { margin-bottom: 0px; } .productData { display: block; } .productData a.data { text-align: right; } .productData .param { padding-right: 10px; } .good-top__slider-thumbnail { width: 70px; height: calc(100% - 90px); } .good-top__slider-wrapper--padd .good-top__slider-thumbnail { top: 45px; } .good-top__slider-main { width: calc(100% - 70px - 15px); } .good-top__slider-wrapper { padding-bottom: 0; height: 243px; } .good-top__slider-thumbnail-prev, .good-top__slider-thumbnail-next { width: 70px; height: 45px; } .good-top__slider-thumbnail-prev span, .good-top__slider-thumbnail-next span { width: 24px; height: 24px; } .good-top__v { height: 80px; } .good-top-v__ico { height: 60px; width: 60px; } .good-top-v__ico::after { border-width: 16px 0 16px 24px; } .good-gallery-slider .splide__list { max-height: 80px; } .goodgrid .calcResultElement, .goodgrid .payback-calc__total { position: static; } .payback_calc__block .calcItem, .leasing_calc__block .calcItem { width: 50%; } .goodgrid .good__panel .currentPrice { margin-right: 10px; } .goodgrid .good__panel .oldPrice { width: auto; } } @media (max-width: 1199px) { .goodgrid .oldPrice { font-size: 22px; } .goodgrid .currentPrice, .goodgrid .price-stock-out { font-size: 25px; } .goodgrid .good__panel .currentPrice, .goodgrid .good__panel .price-stock-out { font-size: 20px; } .goodgrid .benefit { font-size: 14px; } .goodgrid-block__title { font-size: 22px; line-height: 30px; margin-bottom: 16px; } .goodgrid__calc-button { display: block; margin: 0; } .priceOptions + .goodgrid__calc-button { margin-top: 24px; } .goodgrid__calc-button__item { width: 100%; text-align: left; padding: 0; margin-top: 16px; } .goodgrid__calc-button__item:first-child { border: none; } } @media (max-width: 1023px) { .good-countdown { padding: 16px; } .good__panel { position: fixed; bottom: 0px; top: auto; width: 100%; height: auto; } .goodgrid .tooltipControl { position: static; } .goodgrid .tooltipControl .tooltipBlock, .goodgrid .tooltipControl .tooltipBlock.right { left: -10px; top: 50px; right: auto; } .goodgrid .tooltipControl .tooltipBlock::before, .goodgrid .tooltipControl .tooltipBlock.right::before { right: auto; left: 0; display: none; } .mainSection { margin-top: 40px !important } .goodgrid__wrap, .goodgrid__main-wrap { display: block; } .goodgrid__wrap { padding-bottom: 16px; } .goodgrid__main-wrap > .goodgrid__col, .goodgrid__wrap > .goodgrid__col:first-child, .goodgrid__wrap > .goodgrid__col { width: 100%; } .good-top__slider-main-pagination { display: flex !important } .good-top__slider-thumbnail { display: none; } .good-top__slider-thumbnail, .good-top__slider-thumbnail-prev, .good-top__slider-thumbnail-next { display: none; } .good-top__slider-main { width: 100%; padding-bottom: 52px !important } .good-top__slider-wrapper { height: 260px; margin-bottom: 16px; } .goodgrid__head h1 { font-size: 30px; } .good__tabs { display: none; } .good-gallery-slider { margin-bottom: 16px; } .good-gallery-slider .splide__slide { width: 95px; } .goodgrid-block--tabs { display: none; } .goodgrid__col--2 { margin-bottom: 22px; } .goodgrid__main-wrap .goodgrid-block, .goodgrid__main-wrap { margin-bottom: 16px; } .good-tabs-content__title { font-size: 26px; margin-bottom: 0px; padding-right: 42px; } .good-tabs-content__title:after { content: ''; width: 24px; height: 24px; position: absolute; top: 5px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(/local/templates/mst/components/bitrix/catalog.element/bootstrap_v4_redisign_3/images/cardarrow.svg); left: auto; background-size: auto; right: 0; } .good-tabs-content__title--active:after { transform: rotate(180deg); } .good-tabs-content__wrap { display: none; padding-top: 22px; } .good-labels ul { max-width: none; } .good-labels li { margin-bottom: 0; } .goodgrid .calcResultElement, .goodgrid .payback-calc__total { font-size: 26px; } .goodgrid .payback-calc__total--small { font-size: 20px; } .payback_calc__block .calcItem, .leasing_calc__block .calcItem { width: 100%; } .calcBlock { margin-top: 20px; } .goodgrid__chars--cut { height: 88px; } footer { margin-bottom: 100px; } .mainSection.devicesSection { margin-top: 0 !important; } .goodgrid .product-communication__wrap { flex-direction: column; } .goodgrid .product-communication__main, .goodgrid .product-communication__aside { padding: 0; } } @media (max-width: 767px) { .good__panel { bottom: 0px; border-radius: 20px 20px 0 0; background: var(--Light-blue, #EBF0F7); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); padding-bottom: 60px; } .button.--ADD_TO_BASKET { display: none; } .good-panel__img { display: none; } .good-panel__title { padding-left: 0; font-size: 12px; font-weight: 700; line-height: 120%; /* 14.4px */ letter-spacing: 1px; } .goodgrid .good__panel [data-entity="main-button-container"] .button { width: 140px; margin: 0; } .good-panel__title { width: calc(100% - 140px); padding-right: 10px; } .goodgrid .good__panel .currentPrice, .goodgrid .good__panel .currentPrice span, .goodgrid .good__panel .oldPrice, .goodgrid .good__panel .price-stock-out { font-size: 10px; line-height: normal; margin-bottom: 0; } .goodgrid .good__panel .oldPrice { color: #C2C2C2; } .good__panel .container { width: 100%; max-width: none; } .goodgrid-block { padding: 16px; } .good-tabs-content__title { font-size: 20px; } .good-tabs-content__title:after { top: 0; } .good-countdown__text { margin-bottom: 16px; } .good-panel__right .good-panel__price { display: none; } .good-panel__title > span { margin-bottom: 6px; } .reviewContentBlock .item { margin-bottom: 16px; } .reviewContentBlock .item:last-child { margin-bottom: 0; } .goodgrid .calcResultElement, .goodgrid .payback-calc__total, .goodgrid .payback-calc__total--small { font-size: 20px; } } /* End */ /* Start:/local/templates/mst/css/communication.css?174367826032271*/ .product__communication { width: 100%; z-index: 1; position: relative; background: #fff; /* display: none; */ } .product-communication__wrap { display: flex; flex-wrap: wrap; align-items: flex-start; } .product__main { width: 57.5%; padding-right: 60px; position: relative; } .communication-form__item.error, .checkBtn.error label::before { border-color: #ff0d0d; } .product-communication__item { position: relative; margin-bottom: 30px; } .product-communication-item__main { margin-bottom: 40px; } .product-communication-item__buy { display: inline-block; font-family: 'Gilroy'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; color: #00C236; right: 0; top: 0; background-color: #EFFFF4; padding: 4px 8px 4px 27px; border-radius: 4px; position: absolute; white-space: nowrap; } .product-communication-item__buy:before { content: ''; position: absolute; width: 11px; height: 11px; background-image: url(/local/templates/mst/css/images/check-green.svg); background-repeat: no-repeat; background-position: center; background-size: contain; left: 8px; top: 7px; } .product-communication-item__rating { background-repeat: no-repeat; background-position: center; background-size: contain; width: 130px; height: 20px; margin-bottom: 16px; } .product-communication-item__rating--1 { background-image: url(/local/templates/mst/css/images/star_1.svg); } .product-communication-item__rating--2 { background-image: url(/local/templates/mst/css/images/star_2.svg); } .product-communication-item__rating--3 { background-image: url(/local/templates/mst/css/images/star_3.svg); } .product-communication-item__rating--4 { background-image: url(/local/templates/mst/css/images/star_4.svg); } .product-communication-item__rating--5 { background-image: url(/local/templates/mst/css/images/star_5.svg); } .product-communication-item__name { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 16px; } .product-communication-item__name span { font-family: 'Gilroy'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 120%; color: #232323; margin-right: 20px; } .product-communication-item__date { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 22px; color: #979797; } .product-communication-item__experience { margin-bottom: 20px; font-weight: 500; font-size: 16px; line-height: 24px; color: #232323; } .product-communication-item__assessment { display: flex; flex-wrap: wrap; width: 100%; margin-left: -15px; margin-right: -15px; } .product-communication-item-assessment__item { padding-left: 15px; padding-right: 15px; margin-bottom: 5px; width: 50%; } .product-communication-item-assessment__val { display: flex; flex-wrap: wrap; font-weight: 500; font-size: 16px; line-height: 24px; color: #232323; } .product-communication-item-assessment__val span:last-child { margin-left: auto; } .product-communication-item-assessment__line { margin-top: 4px; height: 3px; background-color: #C2C2C2; position: relative; } .product-communication-item-assessment__line span { content: ''; position: absolute; left: 0; top: 0; height: 100%; background-color: #026EF9; } .product-communication-item__item { margin-bottom: 30px; } .product-communication-item__small-title { font-weight: 700; font-size: 16px; line-height: 120%; color: #232323; margin-bottom: 10px; } .product-communication-item__text { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #232323; } .product-communication-item__gallery { display: flex; flex-wrap: wrap; } .product-communication-item__gallery a { position: relative; width: 100px; margin-bottom: 20px; } .product-communication-item__gallery a:before { content: ''; padding-top: 100%; display: block; } .product-communication-item__gallery a img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 90%; max-height: 90%; } .product-communication-item__bottom { display: flex; flex-wrap: wrap; margin-top: 10px; } .product-communication__reply { font-weight: 500; font-size: 14px; line-height: 22px; color: #026EF9; margin-right: 20px; cursor: pointer; } .product-communication__reply--hidden { display: none; } .product-communication__reply:hover { text-decoration: underline; } .product-communication__show-all { font-weight: 500; font-size: 14px; line-height: 22px; color: #026EF9; cursor: pointer; } .product-communication__show-all:hover { text-decoration: underline; } .product-communication-item__answers { padding-left: 60px; padding-top: 30px; display: none; } .product-communication-answer__top { margin-bottom: 13px; display: flex; flex-wrap: wrap; align-items: center; } .product-communication-answer__name { font-weight: 700; font-size: 16px; line-height: 120%; color: #232323; margin-right: 20px; } .product-communication-answer__name--med { color: #026EF9; } .product-communication-answers__date { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 22px; color: #979797; } .product-communication-answer__text { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #232323; } .product-communication__answer { margin-bottom: 30px; } .product-communication-answer__reply { font-weight: 500; font-size: 14px; line-height: 22px; color: #026EF9; margin-top: 16px; } .product-communication-answer__reply { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; color: #026EF9; cursor: pointer; } .product-communication-answer__reply:hover { text-decoration: underline; } .product-communication-item__answer { padding-left: 60px; } .communication-form { padding-top: 30px; } .communication-form__row { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .communication-form__col { width: 50%; padding-left: 10px; padding-right: 10px; } .communication-form__item { position: relative; margin-bottom: 20px; border: 1px solid #ABABAB; border-radius: 8px; height: 58px; } .communication-form__item--textarea { height: 116px; } .communication-form__item textarea, .communication-form__item input { font-size: 18px; } .communication-form__item textarea { position: absolute; left: 0; top: 0; width: 100%; height: 100%; resize: none; padding: 22px 20px; } .communication-form__item input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0px 20px; } .communication-form__item label { font-weight: 500; font-size: 18px; line-height: 58px; color: #9293AA; position: absolute; left: 20px; top: 0; display: block; transition: .3s; pointer-events: none; } .communication-form__item--active { border-color: #026EF9; } .communication-form__item--active label { font-size: 12px; line-height: 16px; top: -8px; background-color: #fff; padding: 0 5px; z-index: 1; } .communication-form__btns { display: flex; flex-wrap: wrap; width: 100%; } .communication-form__cancel, .communication-form__submit { font-weight: 500; font-size: 18px; line-height: 28px; padding: 10px 40px; border-radius: 8px; transition: all 0.3s; text-align: center; } .communication-form__cancel { background-color: #EBF0F7; margin-left: auto; cursor: pointer; } .communication-form__submit { background-color: #026EF9; color: #fff; margin-left: 20px; } .communication-form__cancel:hover { background-color: #BDC3C9; } .communication-form__submit:hover { background-color: #0B51AA; } .communication-form__submit--disabled { pointer-events: none; opacity: 0.6; } .communication-form--big { padding-top: 40px; padding-bottom: 90px; } .communication-form--big__row { display: flex; flex-wrap: wrap; margin-bottom: 20px; } .communication-form--big__col { width: calc(100% - 340px); } .communication-form--big__col:first-child { width: 340px; font-weight: 500; font-size: 20px; line-height: 28px; color: #232323; } .communication-form--big .communication-form__submit { margin-left: 0; width: 100%; } .communication-experience { display: flex; flex-wrap: wrap; } .communication-experience__item { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 35px; color: #232323; position: relative; cursor: pointer; margin-bottom: 5px; } .communication-experience__item input { position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; } .communication-experience__item label { border: 1px solid #EFEFEF; border-radius: 50px; padding: 6px 12px; margin-right: 10px; cursor: pointer; } .communication-experience__item input:checked + label { border: 1px solid #026EF9; background-color: #026EF9; color: #fff; } .communication-rating__title { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #9293AA; margin-bottom: 10px; } .communication-rating__wrap { display: flex; align-items: center; justify-content: flex-start; flex-direction: row-reverse; position: relative; width: 130px; } .communication-rating__wrap input { width: 0; height: 0; opacity: 0; position: absolute; } .communication-rating label { display: block; width: 26px; height: 20px; position: relative; cursor: pointer; } .communication-rating label:before, .communication-rating label:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; } .communication-rating label:before { background-image: url(/local/templates/mst/css/images/star.svg); } .communication-rating label:after { background-image: url(/local/templates/mst/css/images/star-full.svg); opacity: 0; } .communication-rating label:hover:before .communication-rating label:hover ~ label:before, .communication-rating input:checked ~ label:before { opacity: 0; } .communication-rating label:hover:after, .communication-rating label:hover ~ label:after, .communication-rating input:checked ~ label:after { opacity: 1; } .communication-rating { margin-bottom: 30px; } .communication-rating:only-child { margin-bottom: 0; } .product-communication__aside { position: sticky; top: 0; width: 50%; } .product-communication__main { width: 50% } @media (max-width: 1023px) { .product-communication__aside { width: 100%; } .product-communication__main { width: 100%; } } .product-communication-aside__block { width: 428px; background-color: #F9FAFB; top: 30px; padding: 36px; border-radius: 28px; } .product-communication-aside__block p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom: 20px; margin-top: 18px; } .product-communication-aside__main-assessment { font-family: 'Gilroy'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 120%; letter-spacing: 0.216667px; color: #232323; margin-bottom: 10px; } .product-communication-aside__rating { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 21px; } .product-communication-aside-rating__stars { background-repeat: no-repeat; background-position: center; background-size: contain; width: 130px; height: 20px; } .product-communication-aside-rating__stars--0 { background-image: url(/local/templates/mst/css/images/star_0.svg); } .product-communication-aside-rating__stars--1 { background-image: url(/local/templates/mst/css/images/star_1.svg); } .product-communication-aside-rating__stars--2 { background-image: url(/local/templates/mst/css/images/star_2.svg); } .product-communication-aside-rating__stars--3 { background-image: url(/local/templates/mst/css/images/star_3.svg); } .product-communication-aside-rating__stars--4 { background-image: url(/local/templates/mst/css/images/star_4.svg); } .product-communication-aside-rating__stars--5 { background-image: url(/local/templates/mst/css/images/star_5.svg); } .product-communication-aside__review { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; margin-left: auto; color: #232323; } .product-communication-aside__btn { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 28px; color: #FFFFFF; background-color: #026EF9; border-radius: 8px; padding: 12px 0; display: block; text-align: center; transition: .3s; } .product-communication-aside__btn:hover, .product-communication-aside__btn:focus { color: #fff; text-decoration: none; background-color: #0B51AA; } .product-communication-aside__list { margin-top: 30px; margin-bottom: 30px; } .product-communication-aside-list__item { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 12px; } .product-communication-aside-list__review { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; text-align: right; color: #232323; margin-left: auto; } .product-communication-aside-list__stars { background-repeat: no-repeat; background-position: center; background-size: contain; width: 100px; height: 16px; } .product-communication-aside-list__stars--1 { background-image: url(/local/templates/mst/css/images/star_1.svg); } .product-communication-aside-list__stars--2 { background-image: url(/local/templates/mst/css/images/star_2.svg); } .product-communication-aside-list__stars--3 { background-image: url(/local/templates/mst/css/images/star_3.svg); } .product-communication-aside-list__stars--4 { background-image: url(/local/templates/mst/css/images/star_4.svg); } .product-communication-aside-list__stars--5 { background-image: url(/local/templates/mst/css/images/star_5.svg); } .product-communication-aside__small-title { font-family: 'Gilroy'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 120%; color: #232323; margin-bottom: 20px; } .product-communication-aside-assessment__val { display: flex; flex-wrap: wrap; font-weight: 500; font-size: 16px; line-height: 24px; color: #232323; } .product-communication-aside-assessment__val span:last-child { margin-left: auto; } .product-communication-aside-assessment__line { margin-top: 4px; height: 3px; background-color: #C2C2C2; position: relative; } .product-communication-aside-assessment__line span { content: ''; position: absolute; left: 0; top: 0; height: 100%; background-color: #026EF9; } .product-communication-aside-assessment__item { margin-bottom: 16px; } .product-communication__line { background-color: #E1E3DE; height: 1px; margin-top: 40px; margin-bottom: 40px; } .product__ask .product-communication__item .product-communication__answer { margin-bottom: 16px; } .product-communication__link { display: block; margin-top: 40px; } .product-communication__link span { font-weight: 500; font-size: 18px; line-height: 28px; color: #026EF9; position: relative; } .product-communication__link span:before { content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 1px; background-color: #026EF9; opacity: 1; transition: .2s; } .product-communication__link span:hover:before { opacity: 0; } a.product-communication__link:hover { text-decoration: none; } /*-----------------------------------------------------------------------*/ .product-small-card { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .product-small-card__img { width: 307px; text-align: center; } .product-small-card__img img { width: auto; height: auto; max-width: 100%; max-height: 120px; display: inline-block; } .product-small-card__info { width: calc(100% - 307px); padding-left: 30px; } .product-small-card__title { font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 32px; margin-bottom: 15px; letter-spacing: 1px; color: #232323; display: block; transition: color .3s; } .product-small-card__title:hover { color: #026EF9; } .product-small-card__price { display: flex; flex-wrap: wrap; align-items: center; } .product-small-card__price span { font-weight: 700; font-size: 16px; line-height: 120%; letter-spacing: 0.216667px; color: #569DF9; margin-right: 5px; } .product-small-card__cost { font-weight: 700; font-size: 24px; line-height: 120%; letter-spacing: 0.216667px; color: #026EF9; margin-right: 20px; } .product-small-card__oldcost { font-weight: 700; font-size: 16px; line-height: 120%; letter-spacing: 0.216667px; text-decoration-line: line-through; color: #232323; } .product-small-card__back { position: relative; margin-top: 20px; font-style: normal; font-weight: 500; font-size: 13px; line-height: 20px; color: #979797; padding-left: 30px; display: block; transition: .3s; } .product-small-card__back:before, .product-small-card__back:after { content: ''; position: absolute; left: 0; top: -3px; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: contain; transition: .3s; } .product-small-card__back:before { background-image: url(/local/templates/mst/css/images/back.svg); } .product-small-card__back:after { background-image: url(/local/templates/mst/css/images/back-blue.svg); opacity: 0; } .product-small-card__back:hover { color: #026EF9; } .product-small-card__back:hover:before { opacity: 0; } .product-small-card__back:hover:after { opacity: 1; } .product-communication-detail { display: flex; flex-wrap: wrap; } .product-communication-detail__main { width: 870px; } .product-communication-detail__aside { width: calc(100% - 870px); padding-left: 88px; } .product-communication-detail-aside__block { max-width: 260px; position: -webkit-sticky; position: sticky; top: 30px; margin-left: auto; margin-bottom: 30px; } .product-communication-detail-aside__btn, .product-ask-a-question, .product-feedback { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 28px; color: #FFFFFF; background-color: #026EF9; border-radius: 8px; padding: 12px 0; display: block; margin-bottom: 20px; text-align: center; transition: .3s; margin-left: auto; cursor: pointer; } .product-communication-detail-aside__btn:nth-child(2) { border: 1px solid #026EF9; background-color: #F7F6F6; color: #232323; } .product-communication-detail-aside__btn:hover, .product-ask-a-question:hover, .product-feedback:hover { background-color: #0B51AA; } .product-communication-detail-aside__btn:nth-child(2):hover { background-color: #026EF9; color: #fff; } .product-ask-a-question, .product-feedback { max-width: 307px; margin-left: 0; margin-top: 40px; margin-bottom: 90px; } .product-communication__text { padding-top: 36px; } .product-communication-text__title { margin-bottom: 18px; font-size: 20px; } .pagination { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; padding-right: 35px; padding-left: 35px; margin-top: 60px; margin-bottom: 60px; } a.pagination__prev, a.pagination__next { width: 16px; height: 24px; position: relative; text-decoration: none; cursor: pointer; transition: .3s; } a.pagination__prev { margin-right: 10px; } a.pagination__next { margin-left: 10px; } a.pagination__prev:before, a.pagination__next:before, a.pagination__prev:after, a.pagination__next:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; transition: .3s; } a.pagination__prev:before { background-image: url(/local/templates/mst/css/images/pagination-left.svg) } a.pagination__next:before { background-image: url(/local/templates/mst/css/images/pagination-next.svg) } a.pagination__prev:after { background-image: url(/local/templates/mst/css/images/pagination-left-black.svg); opacity: 0; } a.pagination__next:after { background-image: url(/local/templates/mst/css/images/pagination-next-black.svg); opacity: 0; } a.pagination__prev:hover:before, a.pagination__next:hover:before { opacity: 0; } a.pagination__prev:hover:after, a.pagination__next:hover:after { opacity: 1; } a.pagination__prev:hover, a.pagination__next:hover { background-color: var(--green) } .pagination__item, a.pagination__item { width: 16px; height: 24px; font-weight: 600; font-size: 15px; line-height: 24px; color: #000; opacity: 0.4; transition: color .3s; text-decoration: none; text-align: center; transition: .3s; } .pagination__item--current, a.pagination__item:hover { opacity: 1; } @media (max-width: 1459px) { .pagination { margin-top: 40px; margin-bottom: 40px; } } @media (max-width: 767px) { .pagination { margin-top: 30px; margin-bottom: 30px; } } .product-communication-detail .product-communication-aside__block { margin-left: auto; } .product-communication-detail .product__communication { width: 100%; } .filepond--credits { display: none; } .filepond--panel-root { border: 1px solid #ABABAB; border-radius: 8px; background-color: #fff; } .filepond--root:hover .filepond--panel-root { border-color: #026EF9; } .filepond--drop-label.filepond--drop-label label { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 28px; color: #232323; position: relative; padding: 0; padding-left: 58px; text-align: left; cursor: pointer; } .filepond--image-preview { background: #f7f6f6; } .filepond--image-preview-overlay-idle { color: rgb(177 177 177); } /*.filepond--drop-label label:before { content: ''; width: 42px; height: 42px; position: absolute; left: 0; top: 0; background-image: url("/local/templates/mst/css/images/upload.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } .filepond--drop-label { padding: 0px 55px; cursor: pointer; }*/ .filepond--root { cursor: pointer; } .filepond--drop-label { background-image: url("/local/templates/mst/css/images/upload-text.svg"); background-position: center; background-repeat: no-repeat; background-size: 57%; } .our-product { margin-top: 43px; } .product-small-card__btn { display: none; margin-top: 40px; } .product-small-card__btn .product-communication-detail-aside__btn { width: calc(50% - 5px); margin-right: 0; padding: 0; height: 38px; line-height: 38px; border: none; font-size: 14px; margin-right: 10px; margin-bottom: 0; } .product-small-card__btn .product-communication-detail-aside__btn:last-child { margin-right: 0; } .product-small-card__btn .product-communication-detail-aside__btn span { text-align: center; display: block; line-height: 1; } .product-small-card__btn .product-communication-detail-aside__btn span:first-child { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; text-align: center; color: #232323; } .product-small-card__title--adap { display: none; } @media (max-width: 1439px) { .product-communication-item__main { padding-right: 0 } .product-communication-item__buy { position: relative; margin-bottom: 20px } .product-communication-item__item { margin-bottom: 15px } .product-communication-item__answers { padding-left: 40px; padding-top: 20px; } .product-communication-item__answer { padding-left: 40px } .communication-form__item textarea, .communication-form__item input { font-size: 16px } .communication-form__item textarea { padding: 10px 10px; } .communication-form__item input { padding: 0px 10px; } .communication-form__item label { left: 10px; font-size: 16px; line-height: 48px; } .communication-form__item--active label { font-size: 12px; line-height: 16px; top: -8px; z-index: 1; } .communication-form__item { height: 48px } .communication-form__item--textarea { height: 100px } .product-communication__link { margin-top: 30px } .product-communication__link span { font-size: 16px; line-height: 26px; } .product-communication__line { margin-top: 30px; margin-bottom: 30px } /*--------------------*/ .product-small-card { margin-bottom: 30px; margin-top: 0px } .product-communication-detail-aside__block { max-width: 100%; display: flex; flex-wrap: wrap; } .product-communication-detail-aside__btn { width: 260px; margin-left: 0; margin-right: 20px; margin-bottom: 10px } .product-communication-detail__aside { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 100%; padding-left: 0; display: none } .product-communication-detail__main { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .product-communication-detail .product__communication { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .product-communication-detail__main { width: 100%; } .product-communication-detail-aside__block { margin-left: 0; position: static } .communication-form--big { padding-bottom: 40px; padding-top: 20px } .product-ask-a-question, .product-feedback { margin-bottom: 40px } .product-small-card__btn { display: flex; flex-wrap: wrap; max-width: 450px; } } @media (max-width: 1023px) { .product-ask-a-question, .product-feedback { max-width: 100%; } .product__communication__wrap { flex-direction: column-reverse; } .product__main { width: 100%; padding-right: 0 } .product-communication-aside__block { width: 100%; padding: 30px 0; border-bottom: 1px solid #E1E3DE; position: static } } @media (max-width: 767px) { .product-communication-item__answer { padding-left: 0 } .communication-form__col { width: 100%; padding: 0 } .communication-form__row { margin-left: 0; margin-right: 0 } .product-communication-item__answers { padding-left: 0 } .product-communication-item__text, .product-communication-answer__text { font-size: 13px; line-height: 20px; } .product-communication-item__small-title, .product-communication-answer__name { font-size: 14px; margin-bottom: 5px } .product-communication-answer__reply { margin-top: 10px } .product-communication-answer__top { margin-bottom: 8px } .communication-form__item { margin-bottom: 15px } .product-communication-item-assessment__item { width: 100%; padding-right: 0; margin-bottom: 10px } .product-communication-item__main { margin-bottom: 16px; } .product-communication-item__gallery a { margin-bottom: 10px } .product-communication-item__gallery a { width: 70px } .communication-form--big__col:first-child { font-size: 18px; line-height: 26px; } /*-----------------------*/ .product-small-card__info { width: 100%; padding-left: 0 } .product-ask-a-question, .product-feedback { margin-top: 20px; margin-bottom: 20px } .product-small-card__img { margin-bottom: 15px; width: 100% } .communication-form--big__col, .communication-form--big__col:first-child { width: 100% } .communication-form--big__col:first-child { margin-bottom: 10px } .communication-form--big { padding-top: 20px; padding-bottom: 20px } .product-communication__answer { margin-bottom: 20px } .communication-form { padding-top: 20px } .communication-rating { margin-bottom: 20px } .our-product { margin-top: 33px } .product-small-card__back { display: none } .product-small-card__title { display: none } .product-small-card__title--adap { display: block; } } @media (max-width: 480px) { .communication-form__cancel, .communication-form__submit { width: 100% } .communication-form__cancel { margin-bottom: 10px } .communication-form__submit { margin-left: 0 } .product-communication-item__gallery a { width: 50px } .product-communication-aside__btn { margin-bottom: 10px } .product-communication__line { margin-top: 20px; margin-bottom: 20px } .filepond--drop-label { background-size: 70%; } .communication-experience__item { font-size: 14px } } body .dankeModal { max-width: 640px; } .danke__title { font-weight: 600; font-size: 24px; line-height: 32px; text-align: center; letter-spacing: 1px; color: #026EF9; margin-bottom: 16px; } .danke__text { font-weight: 400; font-size: 15px; line-height: 24px; text-align: center; letter-spacing: 0.216667px; } @media (max-width: 700px) { .danke { width: auto; } .danke__title { font-size: 22px; margin-bottom: 10px; } .danke__text { font-size: 14px; line-height: 25px; } } .product-communication__title { margin-bottom: 30px; } @media (max-width: 1023px) { .product-communication__wrap { flex-direction: column-reverse; } .product-communication__aside { position: static; width: 100%; margin-bottom: 25px; } .product-communication-aside__block { padding: 18px; } .product-communication__main { width: 100%; } } /* End */ /* Start:/local/templates/mst/components/bitrix/catalog.section/popular_device/style.css?1743678261826*/ .catalog-items-wr { background: #F7F6F6; } .catalog-section-wrap { border-top: 2px solid #979797; } .catalog-section .productCard { width: 100%; } @media(max-width: 1600px) and (min-width: 1400px) { .catalog-section-filter { width: 260px !important; } .catalog-element-list { width: calc(100% - 260px) !important; } } @media(max-width: 1023px) { .catalog-items-wr { width: calc(100% + 3rem); margin: 0 -1.5rem; } .catalog-section .productCard { padding-bottom: 0; padding-top: 16px; } .catalog-section .product-item-info-container { margin-bottom: 0; } .catalog-section .productCard .icons { top: 5px; } .catalog-section .productCard .info { margin-bottom: 16px; } .catalog-section .productCard [class*="btnIcon"].md { padding: 8px 10px; } } /* End */ /* Start:/local/templates/mst/components/bitrix/catalog.item/bootstrap_v4/style.css?174367826121148*/ .product-item-image-wrapper { position: relative; display: block; width: 100%; transition: all 300ms ease; } .product-item-container.hover.product-item-scalable-card .product-item-image-wrapper { padding-top: 54%; } .product-item-image-wrapper:hover .product-item-image-alternative { opacity: 1; } .product-item-image-wrapper:hover .product-item-image-original { opacity: 0; } .product-item-image-original, .product-item-image-alternative { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; transition: opacity 300ms linear; } .product-item-image-original img, .product-item-image-alternative img { position: absolute; width: 100%; height: 100%; object-fit: contain; display: block; left: 0; top: 0; } .product-item-image-original { z-index: 11; } .product-item-image-alternative { z-index: 13; opacity: 0; } .bx-no-touch .product-item-container.hover .product-item-image-original { opacity: 0; } .bx-no-touch .product-item-container.hover .product-item-image-alternative { opacity: 1; } .product-item-big-card .product-item-image-wrapper { margin-bottom: 25px; } .product-item-compare { position: relative; } .productCard .options [class*="btn"] + [class*="btn"], .productCard .options .product-item-compare-container + .btnSimpleIcon { margin-left: 22px; } .productCard .sec { position: absolute; top: 22px; left: 15px; max-width: calc(100% - 60px); z-index: 2; font-size: 14px; color: #a7b0b8; } .productCard .product-item-compare-container { min-height: auto; padding: 0; } .productCard .product-item-compare-container, .productCard .product-item-compare-container + a.btnSimpleIcon, .productCard .product-item-compare-container .btnSimpleIcon.checkbox { line-height: 1; } .productCard .product-item-compare-container .btnSimpleIcon.checkbox .in { cursor: pointer; } .productCard .product-item-compare-container .btnSimpleIcon.checkbox span { color: inherit; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .productCard .product-item-compare-container .btnSimpleIcon.checkbox input { position: absolute; left: 0; opacity: 0; } .productCard .product-item-compare-container .btnSimpleIcon.checkbox input { cursor: pointer; } .compare-wr__sel { display: none; color: #026EF9; } .compare-wr__sel .icon-chart { position: relative; } .compare-wr__sel .icon-chart:after { content: ""; position: absolute; right: 0; top: -4px; width: 11px; height: 10px; background: url(/local/templates/mst/images/done.svg) no-repeat center; display: inline-block; background-size: contain; } .productCard .product-item-compare-container .btnSimpleIcon.checkbox .compare-wr { display: flex; justify-content: center; align-items: center; } @media (hover: hover) { .productCard .product-item-compare-container .btnSimpleIcon.checkbox:hover span { color: #026EF9; } } .productCard .product-item-compare-container .btnSimpleIcon.checkbox input:checked + .compare-wr span { color: #026EF9; } .productCard .product-item-compare-container .btnSimpleIcon.checkbox input:checked + .compare-wr .compare-wr__nosel { display: none; white-space: nowrap; } .productCard .product-item-compare-container .btnSimpleIcon.checkbox input:checked + .compare-wr .compare-wr__sel { display: block; white-space: nowrap; } .productCard .options .form-load.btnSimpleIcon.no-demo, .productCard .options .form-load.btnSimpleIcon.no-demo [class*="icon"] { color: #979797; cursor: default; pointer-events: none; } .wish_wrap a { text-decoration: none; } .wish_wrap a span { display: none; } .product-item-button-container button[disabled="disabled"], .product-item-button-container button[disabled="disabled"]:hover, .buttons .btnIconType1.disabled, .buttons .btnIconType1.disabled:hover { background: #b8d7ff; } .productCard .iconFavourite [class*="icon"].wl-hide { display: none; opacity: 0; } .productCard .iconFavourite [class*="icon"].full.wl-act { color: #026EF9; opacity: 1; z-index: 1; } .productCard .iconFavourite [class*="icon"].wl-act:hover { opacity: 1; } .productCard .buttons > [class*="btn"] { margin-bottom: 6px; } @media (max-width: 1023px) { .productCard .sec { position: static; display: block; width: auto; max-width: 100%; font-size: 14px; margin-top: 4px; margin-bottom: 4px; } } @media (max-width: 991px) { .productCard .iconFavourite:hover [class*="icon"].wl-act { opacity: 1; } .productCard .iconFavourite:hover [class*="icon"].full.wl-hide { opacity: 0; } } .productCard .type { display: block; font-family: "Open Sans"; font-size: 14px; line-height: 24px; color: #a7b0b8; } /**/ .medsyst-card, .medsyst-card.productCard { padding: 12px 12px 8px; border-radius: 6px; background: #FFF; transition: box-shadow .3s; position: relative; display: flex; flex-direction: column; height: 100%; overflow: visible; } html body .productSlider.owl-carousel { z-index: 2; } html body .productSlider.owl-carousel .owl-item { flex-direction: row; } html body .productSlider.owl-carousel { overflow: visible; } html body .productSlider.owl-carousel:before, html body .productSlider.owl-carousel:after { content: ''; width: 100vw; height: 100%; top: 0; background: #fff; position: absolute; z-index: 1; } html body .productSlider.owl-carousel:before { left: 100%; } html body .productSlider.owl-carousel:after { right: 100%; } .productSlider .product-item-container, .productSlider .owl-item .item { height: 100%; } .productSlider .owl-item .item { width: 100%; } @media (hover: hover) { .medsyst-card:hover { box-shadow: 0px 0px 30px 0px rgba(25, 123, 178, 0.30); z-index: 6; } } .medsyst-card.medsyst-card-stock-out .medsyst-card__top, .medsyst-card.medsyst-card-stock-out .medsyst-card__middle, .medsyst-card.medsyst-card-stock-out .medsyst-card__bottom { filter: grayscale(1); } .product-item-container { background: transparent !important; } .medsyst-card__top { position: relative; margin-bottom: 24px; } .medsyst-card__img { position: relative; display: block; overflow: hidden; } .medsyst-card__img:before { content: ''; display: block; padding-top: 115%; } .medsyst-card__img img { display: block; position: absolute; inset: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; transform: translateX(100%); opacity: 0; } .medsyst-card__img img:first-child { transform: translateX(0px); opacity: 1; } @media not all and (hover: hover) { .medsyst-card__img img { transition: .3s; } } .medsyst-card__img-dots { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .medsyst-card__img-dots-item { border-radius: 4px; background-color: rgba(95, 95, 95, 0.20); width: 6px; height: 6px; margin-left: 4px; margin-right: 4px; } .medsyst-card__img-dots-item--active { background-color: #5F5F5F; } .medsyst-card__img-overlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; flex-wrap: wrap; } .medsyst-card__img-overlay-item { flex-grow: 1; } .medsyst-card__title { color: #232323; font-size: 20px; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: 1px; margin-bottom: 8px; display: block; hyphens: auto; } .medsyst-card__chars { position: absolute; top: calc(100% - 12px); width: 100%; left: 0; padding: 12px 12px 12px; background-color: #fff; border-radius: 0 0 6px 6px; opacity: 0; transition: .3s; visibility: hidden; } @media (hover: hover) { .medsyst-card:hover .medsyst-card__chars { opacity: 1; box-shadow: 0px 19px 20px 0px rgba(25, 123, 178, 0.20); visibility: visible; } .brand-ap-list:hover { z-index: 5; position: relative; } } .medsyst-card__chars-item { margin-bottom: 4px; display: flex; justify-content: space-between; background-image: url('/local/templates/mst/images/dots.svg'); background-position: left 14px; background-repeat: repeat-x; } .medsyst-card__chars-item:last-child { margin-bottom: 0; } .medsyst-card__chars-item-char, .medsyst-card__chars-item-val { color: #232323; font-family: Open Sans; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; } .medsyst-card__chars-item-val { text-align: right; padding-right: 0; padding-left: 4px; } .medsyst-card__chars-item-char span, .medsyst-card__chars-item-val span { background-color: #fff; } .medsyst-card__chars-item-char span { padding-right: 4px; } .medsyst-card__chars-item-val span { padding-left: 4px; } .medsyst-card__labels { position: absolute; left: 0; bottom: 14px; width: 100%; } .medsyst-card__fav { position: absolute; right: 12px; top: 12px; z-index: 1; } @media (hover: hover) { .medsyst-card.productCard .iconFavourite [class*="icon"].wl-act:hover { color: #026EF9; } } .medsyst-card .iconFavourite { position: relative; display: block; width: 24px; height: 24px; cursor: pointer; } .medsyst-card .iconFavourite [class*="icon"] { position: absolute; top: 0px; left: 0px; display: block; font-size: 24px; color: #232323; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .medsyst-card .iconFavourite [class*="icon"] { transition: color .3s ease; } @media (hover: hover) { .medsyst-card .iconFavourite [class*="icon"].wl-act:hover { color: #026EF9; } } .medsyst-card .iconFavourite [class*="icon"].full { color: #026EF9; opacity: 0; z-index: 1; } .medsyst-card .iconFavourite.active [class*="icon"], .medsyst-card .iconFavourite:hover [class*="icon"] { opacity: 0; } .medsyst-card .iconFavourite.active [class*="icon"].full, .medsyst-card .iconFavourite:hover [class*="icon"].full, .medsyst-card .iconFavourite.active:hover [class*="icon"] { opacity: 1; } .medsyst-card .iconFavourite.active:hover [class*="icon"].full { opacity: 0; } .medsyst-card .iconRemove [class*="icon"] { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } @media (hover: hover) { .medsyst-card .iconRemove:hover [class*="icon"] { color: #026EF9; } } .medsyst-card .iconFavourite [class*="icon"].wl-hide { opacity: 0; } .medsyst-card .iconFavourite [class*="icon"].full.wl-act { color: #026EF9; opacity: 1; z-index: 1; } .medsyst-card .buttons > [class*="btn"] { margin-bottom: 6px; } @media (max-width: 991px) { .medsyst-card .iconFavourite:hover [class*="icon"].wl-act { opacity: 1; } .medsyst-card .iconFavourite:hover [class*="icon"].full.wl-hide { opacity: 0; } } .medsyst-card__price { color: #232323; font-size: 32px; font-style: normal; font-weight: 600; line-height: 120%; letter-spacing: 1px; } .medsyst-card.productCard .currentPrice, .medsyst-card.productCard .currentRassrochkaPrice { color: #232323; display: block; font-size: 32px; font-weight: 600; } .medsyst-card.productCard .currentRassrochkaPrice span.month_text { margin-left: 0; } .medsyst-card.productCard .price { display: block; } .medsyst-card.productCard .currentPrice span, .medsyst-card.productInfo .price .currentPrice span, .medsyst-card.productCard .currentRassrochkaPrice span.from_text { color: #232323; font-size: 32px; font-weight: 600; } .medsyst-card.productCard .currentPrice--empty { color: #979797; font-weight: 600; } .medsyst-card.productCard .oldPrice { margin-left: 0; font-size: 18px; font-weight: 600; } .medsyst-card__bottom { margin-top: auto; padding-top: 16px; z-index: 1; position: relative; } .medsyst-card__bottom-row { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .medsyst-card-stock-out .medsyst-card__bottom-row { flex-wrap: nowrap; } .medsyst-card__bottom-row:first-child { padding-bottom: 4px; } .medsyst-card__bottom-row > .product-item-info-container { flex-grow: 1; padding-top: 4px; padding-bottom: 4px; padding-right: 4px; } .medsyst-card__bottom-row > a { flex-grow: 1; margin-right: 4px; } .medsyst-card [class*="btnFill"][class*="Type2"][data-form="choose_analogue"] { background-color: #686868; } .medsyst-card__ico { display: flex; align-items: center; padding-top: 4px; padding-bottom: 4px; } .medsyst-card .btnSimpleIcon { position: relative; } .medsyst-card .btnSimpleIcon [class*="icon"] { margin-right: 0; } .medsyst-card .btnSimpleIcon input { position: absolute; left: 0; opacity: 0; } .medsyst-card__ico-item { padding-left: 8px; padding-right: 8px; position: relative; cursor: pointer; } .medsyst-card__ico-item-popup { position: absolute; font-family: Open Sans; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; border-radius: 10px; background: #FFF; box-shadow: 0px 0px 30px 0px rgba(178, 178, 178, 0.30); padding: 8px 12px; width: auto; opacity: 0; visibility: hidden; transition: .3s; right: 0; bottom: calc(100% + 10px); color: #000; white-space: nowrap; } .medsyst-card__ico-item-popup:after { content: ''; left: 0; height: 10px; bottom: -10px; width: 100%; position: absolute; } .medsyst-card__ico-item-popup:before { content: ''; position: absolute; display: block; right: 10px; top: 100%; width: 0px; height: 0px; border-top: 10px solid #ffffff; border-left: 10px solid transparent; border-right: 10px solid transparent; } .medsyst-card__ico-item-popup > span { color: #232323 !important; } .medsyst-card__ico-item-popup > span:last-child { display: none; } .productCard .product-item-compare-container .btnSimpleIcon.checkbox input:checked ~ .medsyst-card__ico-item-popup > span:first-child { display: none; } .productCard .product-item-compare-container .btnSimpleIcon.checkbox input:checked ~ .medsyst-card__ico-item-popup > span:last-child { display: block; } .servicesSection ~ [id^="comp_"] { position: relative; z-index: 1; } @media (hover: hover) { .medsyst-card__ico-item:hover { z-index: 1; } .medsyst-card__ico-item:hover .medsyst-card__ico-item-popup { opacity: 1; visibility: visible; } } .medsyst-card__tags { margin-bottom: 8px; } .medsyst-card.product-item .promotion-tags, .medsyst-card.productCard .tags { position: relative; } .medsyst-card.product-item .promotion-tags { z-index: 2; } .medsyst-card .promotion-tag-list__btn { border-radius: 8px; top: 1px; } .medsyst-card .promotion-tags--active .promotion-tag-list__btn { transform: none; } .medsyst-card .promotion-tag-list__btn:before { transition: transform .3s; } .medsyst-card .promotion-tag-list__btn:before { background-image: url(/local/templates/mst/images/tagplus.svg); } .medsyst-card .promotion-tags--active .promotion-tag-list__btn:before { transform: rotate(45deg); } .owl-carousel .owl-item .medsyst-card .tics__item img { width: auto; } .owl-carousel .owl-item .medsyst-card img { width: auto; } .medsyst-card .compare-wr span { vertical-align: middle; } .medsyst-card .icon-demo { width: 24px; height: 24px; } .medsyst-card .icon-demo:before, .medsyst-card .icon-demo:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: opacity .3s; } .medsyst-card .icon-demo:before { content: ''; background-image: url(/local/templates/mst/images/easel.svg); } .medsyst-card .icon-demo:after { content: ''; background-image: url(/local/templates/mst/images/easel-b.svg); opacity: 0; } .medsyst-card .icon-demo:hover:before { opacity: 0; } .medsyst-card .icon-demo:hover:after { opacity: 1; } .medsyst-card .tics { position: static; margin-top: 0; margin-bottom: 4px; } .medsyst-card.productCard .tags { z-index: 5; } .medsyst-card [class*="btnIcon"].md, .medsyst-card [class*="btnFill"].md { border-radius: 8px; } .devicesSection.mainSection > .container, .devicesSection > .container, .productsSection > .container, .productsSection.mainSection > .container { overflow: visible; } .advantagesSection.mainSection { position: static; } .product-item-button-container--order { text-align: center; height: 44px; line-height: 44px; } .product-item-button-container--order span { color: #979797; font-size: 18px; font-style: normal; font-weight: 500; line-height: 155.556%; } .catalog-section .medsyst-card.productCard { overflow: visible; } @media (hover: none) { .productSlider .medsyst-card__img-dots, .productSlider .medsyst-card__img-overlay, .productSlider .medsyst-card__img img { display: none !important; } .productSlider .medsyst-card__img img:first-child { display: block !important; } } /*____________________________*/ @media (max-width: 1439px) { .medsyst-card.productCard .currentPrice, .medsyst-card.productCard .currentRassrochkaPrice { font-size: 22px; } .medsyst-card.productCard .currentPrice span, .medsyst-card.productInfo .price .currentPrice span, .medsyst-card.productCard .currentRassrochkaPrice span.from_text { font-size: 22px; } .medsyst-card__bottom-row > .product-item-info-container { width: 100%; padding-right: 0; } .medsyst-card-stock-out .medsyst-card__bottom-row { flex-wrap: wrap; } .medsyst-card__bottom-row > a { margin-right: 0; } .medsyst-card__title { font-size: 18px; } .medsyst-card__chars, .medsyst-card__ico-item-popup { display: none; } } @media (max-width: 1199px) { .medsyst-card [class*="btnFill"].md { font-size: 13px; } } @media (max-width: 1023px) { .product-item-wr .medsyst-card .cardPrice { padding: 0; } .medsyst-card.productCard .tags { inset: 0 !important; } .medsyst-card__labels { display: flex; flex-direction: column; } .medsyst-card__promtags { order: 1; } .medsyst-card__tags { margin-bottom: 0; order: 2; } .medsyst-card .productTag { line-height: 20px; } .product-item-button-container--order { height: 38px; line-height: 38px; } .medsyst-card.productCard .currentPrice, .medsyst-card.productCard .currentRassrochkaPrice { font-size: 18px; } .medsyst-card.productCard .currentPrice span, .medsyst-card.productInfo .price .currentPrice span, .medsyst-card.productCard .currentRassrochkaPrice span.from_text { font-size: 18px; } .medsyst-card__top { margin-bottom: 16px; } } @media (max-width: 767px) { .medsyst-card.productCard .currentPrice, .medsyst-card.productCard .currentRassrochkaPrice { font-size: 16px; } .medsyst-card.productCard .currentPrice span, .medsyst-card.productInfo .price .currentPrice span, .medsyst-card.productCard .currentRassrochkaPrice span.from_text { font-size: 16px; } .medsyst-card.productCard .oldPrice { color: #C2C2C2; font-size: 14px; } .medsyst-card__title { font-size: 16px; } .medsyst-card, .medsyst-card.productCard { padding: 8px 8px 4px; } } @media (max-width: 479px) { .productSlider .medsyst-card__bottom-row > .product-item-info-container { width: auto; } .productSlider .medsyst-card-stock-out .medsyst-card__bottom-row { flex-wrap: nowrap; } } @media (max-width: 360px) { .product-item-wr { width: 100%; } .medsyst-card__bottom-row > .product-item-info-container { width: auto; } .medsyst-card-stock-out .medsyst-card__bottom-row { flex-wrap: nowrap; } } /* End */ /* Start:/local/templates/mst/components/bitrix/catalog.section/link_prod/style.css?17436782613591*/ .catalog-items-wr { background: #F7F6F6; padding-bottom: 1px; } .catalog-section-wrap { border-top: 2px solid #979797; } .catalog-section .productCard { width: 100%; } @media(max-width: 1600px) and (min-width: 1400px) { .catalog-section-filter { width: 260px !important; } .catalog-element-list { width: calc(100% - 260px) !important; } } @media(max-width: 1023px) { .catalog-items-wr { width: calc(100% + 3rem); margin: 0 -1.5rem; } .catalog-section .productCard { padding-bottom: 0; padding-top: 16px; } .catalog-section .product-item-info-container { margin-bottom: 0; } .catalog-section .productCard .icons { top: 5px; } .catalog-section .productCard .info { margin-bottom: 16px; } .catalog-section .productCard [class*="btnIcon"].md { padding: 8px 10px; } } .catalog-sec-list { margin-top: 23px; position: relative; height: 48px; overflow: hidden; padding-right: 130px; transition: 0.3s; } .catalog-sec-list__wr { } .catalog-sec-list__more { position: absolute; top: 0; right: 0; height: 32px; font-family: "Open Sans"; font-size: 15px; line-height: 32px; padding-right: 20px; color: var(--theme-b-link); background: #fff; cursor: pointer; display: none; text-decoration: underline; } .catalog-sec-list__more--active { display: block; } .catalog-sec-list__more:after { content: ""; position: absolute; width: 10px; height: 10px; right: 0; top: 0; bottom: 0; margin: auto; background: url(/local/templates/mst/images/arr-down-blue.svg) no-repeat center; background-size: contain; } .catalog-sec-list__more:before { content: ""; position: absolute; width: 50px; height: 100%; left: -50px; top: 0; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1)); } .catalog-sec-list__more:hover { text-decoration: none; } .catalog-sec-list__item { margin-right: 16px; margin-bottom: 16px; background: #EFEFEF; border-radius: 50px; font-weight: 500; font-size: 13px; line-height: 20px; color: #000; float: left; } .catalog-sec-list__item a { color: #000; padding: 6px 12px; display: inline-block; } .catalog-sec-list__item a:hover { color: var(--theme-b-link);; } .catalog-section-wrap .catalog-section-filter { width: 315px; padding-right: 30px; } .catalog-section-wrap .catalog-element-list { width: calc(100% - 315px); } /* @media(min-width: 1900px) { .catalog-element-list .product-item-wr { width: 16.666%; } } */ @media(max-width: 1200px) { .catalog-sec-list { height: 42px; } .catalog-sec-list__item { margin-right: 5px; margin-bottom: 10px; } } @media(max-width: 1023px) { .catalog-section-wrap .catalog-section-filter { width: 100%; padding-right: 0px; } .catalog-section-wrap .catalog-element-list { width: 100%; overflow: hidden; } } @media(max-width: 991px) { .catalog-sec-list { margin-bottom: 16px; height: auto !important; padding-right: 0; } .catalog-sec-list__wr { display: flex; width: 100%; overflow: scroll; } .catalog-sec-list__more { display: none; } .catalog-sec-list__item { margin-bottom: 0; } .catalog-sec-list__item a { white-space: nowrap; } .catalog-sec-list__item:last-child { margin-right: 50px; } .catalog-sec-list:before { content: ""; position: absolute; width: 50px; height: 100%; right: 0; top: 0; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1)); } } /* End */ /* Start:/local/templates/mst/components/bitrix/catalog.compare.list/bootstrap_v4/style.css?1743678261704*/ .catalog-compare-list { z-index: 998; overflow: hidden; box-sizing: border-box; margin-bottom: 10px; padding: 0.75rem 1.25rem; max-height: 100%; border: 1px solid #ced4da; border-radius: 0.2rem; background: #fff; color: #404040; white-space: normal; font-size: 12px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; } .catalog-compare-list.fixed { position: fixed; width: 270px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .18); } .catalog-compare-list.top { top: 5px; } .catalog-compare-list.right { right: 5px; } .catalog-compare-list.bottom { bottom: 5px; } .catalog-compare-list.left { left: 5px; } .catalog-compare-item-list { width: 100%; } /* End */ /* /local/templates/mst/components/bquadro/catalog/mst_catalog/style.css?1743678261879 */ /* /local/js.lib/fancybox/jquery.fancybox.min.css?174367826012887 */ /* /local/templates/mst/components/bitrix/catalog.element/bootstrap_v4_redisign_3/style.css?174367826154019 */ /* /local/templates/mst/css/communication.css?174367826032271 */ /* /local/templates/mst/components/bitrix/catalog.section/popular_device/style.css?1743678261826 */ /* /local/templates/mst/components/bitrix/catalog.item/bootstrap_v4/style.css?174367826121148 */ /* /local/templates/mst/components/bitrix/catalog.section/link_prod/style.css?17436782613591 */ /* /local/templates/mst/components/bitrix/catalog.compare.list/bootstrap_v4/style.css?1743678261704 */