/* Start:/local/templates/2018/css/swiper.css?176042743613920*/ /** * Swiper 12.0.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 18, 2025 */ :root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} /* End */ /* Start:/local/templates/2018/css/detail.css?176042743629891*/ .buket__container { width: 100%; max-width: 1100px; } .catalog-item.buket__row .reel { margin: 0 auto; } .buket__img-container { width: 55%; } .buket__price { margin-top: 20px; } .buket__text-container { width: 42%; } .buket__thumbnails { flex: 0 0 80px; width: 80px; margin-top: 25px; margin-right: 10px; } .buket__text-container { margin-left: 40px; padding: 0; } .buket__detail_zoom { width: 46px; height: 46px; cursor: pointer; position: absolute; right: 20px; bottom: 20px; } .buket__img { display: flex; align-items: flex-start; position: relative; } .buket__main_img img { width: 100%; height: auto; } .florist_row { margin-right: -15px; margin-left: -15px; } .buket_detail .buket__main_img { width: auto; height: auto; position: relative; display: block; flex: 1 1 auto; padding-top: 26px; } .buket_detail .buket_detail_top_arrow, .buket_detail .buket_detail_bottom_arrow { margin: auto; width: 25px; height: 16px; cursor: pointer; position: absolute; } .buket_detail .buket_detail_top_arrow { left: 0; top: -20px; right: 0; bottom: auto; background: url("/local/templates/2018/css/../images/arrow-top.png") no-repeat; } .buket_detail .buket_detail_bottom_arrow { left: 0; top: auto; right: 0; bottom: -25px; background: url("/local/templates/2018/css/../images/arrow-bottom.png") no-repeat; } .reel { width: 100%; height: auto; } #reel-reel { width: 100%; height: 100%; } .buket_detail .reel_wrapper { width: auto; height: auto; } .buket__bottom_left_img { background-size: cover; background-position: center center; width: 100%; height: 100%; } @media (min-width: 992px) { .florist_row { height: 357px; } } @media (max-width: 991px) { .buket__main_img { justify-content: left; } .buket__container { padding: 0 24px; } } @media (max-width: 767px) { .buket__img-container, .buket__text-container { width: auto; } .buket__text-container { margin-left: 0; } .catalog-item.buket__row .reel { margin: 0; } .buket__main_img, .reel_wrapper { height: auto; margin-bottom: 22px; } } @media (max-width: 400px) { .buket__img { flex-wrap: wrap; } .buket_detail .buket__thumbnails { width: 100%; order: 10; flex: 0 0 100%; margin-right: 0; } .buket__detail_zoom { bottom: 150px; } .buket__thumbnails { padding: 0 20px; } .buket_detail .buket_detail_top_arrow { top: 0; bottom: 0; left: 0; right: auto; background: url("/local/templates/2018/css/../images/arrow-left.png") no-repeat; width: 16px; height: 25px; } .buket_detail .buket_detail_bottom_arrow { top: 0; bottom: 0; right: 0; left: auto; background: url("/local/templates/2018/css/../images/arrow-right.png") no-repeat; width: 16px; height: 25px; } } .announce-block { width: 100%; } .announce-block__scroll { display: flex; width: 100%; padding-bottom: 48px; } .announce-block__scroll::after { content: ""; position: absolute; bottom: -3px; left: 0; width: 100%; height: 15px; } .announce-block__list { display: flex; gap: 23px; padding-bottom: 30px; overflow: auto; } .announce-block__title { font-family: "TT Norms Pro", Arial, sans-serif; font-weight: 500; font-size: 26px; line-height: 30px; letter-spacing: 0.6px; color: #292929; margin-bottom: 15px!important; margin-top: 25px!important; } @media screen and (max-width: 768px) { .announce-block__list { gap: 10px; } .announce-block__scroll { padding-bottom: 40px; } .announce-block__title { font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 0.6px; color: #292929; } } .announce-card { position: relative; width: 206px; min-width: 206px; } .announce-card__image { position: relative; overflow: hidden; width: 100%; height: 210px; border-radius: 16px; } .announce-card__favorite { position: absolute; top: 15px; right: 15px; z-index: 5; background: transparent; border: none; width: 26px; height: 22px; cursor: pointer; } .announce-card__favorite svg { width: 100%; height: 100%; } .announce-card__info { margin-top: 7px; display: flex; justify-content: space-between; align-items: center; padding: 0 3px; } .announce-card__price { font-family: 'TT Hoves', Arial, sans-serif; font-weight: 500; font-size: 19px; line-height: 23px; letter-spacing: 0.4px; color: #292929; } .announce-card__details { display: flex; align-items: center; gap: 8px; } .announce-card__status { display: inline-block; width: 8px; height: 8px; border-radius: 50%; } .announce-card__status--purple { background: #BF3ECC; } .announce-card__code { font-family: 'TT Hoves', Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 25px; letter-spacing: 0.3px; text-transform: uppercase; color: #292929; } .announce-card__box { display: grid; gap: 30px 10px; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; } @media screen and (max-width: 768px) { .announce-card { width: 44.7vw; min-width: 44.7vw; } .announce-card__image { height: 44.7vw; } .announce-card__favorite { top: 12px; right: 12px; width: 22px; height: 19px; } .announce-card__price { font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.4px; } .announce-card__code { font-size: 12px; line-height: 21px; letter-spacing: 0.24px; } } .card-main { position: relative; display: flex; padding: 0px 30px 50px !important; } .card-main__buttons { position: absolute; right: 42px; top: 19px; display: flex; align-items: flex-start; gap: 21px; } .card-main__favorite { border: none; background: transparent; width: 32px; cursor: pointer; } .card-main__favorite svg { width: 32px; height: 28px; } .card-main__download { border: none; background: transparent; width: 31px; } .card-main__download path { transition: fill 0.3s ease, fill-opacity 0.3s ease; } .card-main__share:hover svg path { fill: #2F2828; fill-opacity: 1; } .card-secondary { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 54px; overflow: hidden; background: #F4F3F1; padding: 45px 42px 66px; } .card-main__buttons-column { display: flex; flex-direction: column; gap: 16px; } .card-main__share { width: 30px; height: 30px; background: transparent; border: none; cursor: pointer; opacity: 0; transition: opacity 0.2s ease; pointer-events: none; } .card-main__share path { transition: fill 0.3s ease; } @media screen and (max-width: 1400px) { .card-secondary { padding: 45px 30px 66px; } } @media screen and (min-width: 1024px) { .card-main__buttons-column:hover .card-main__share { opacity: 1; pointer-events: auto; } .card-main__buttons-column:hover .card-main__download svg path { fill: #2F2828; fill-opacity: 1; } } @media screen and (max-width: 768px) { .card-main { flex-direction: column; padding: 0 12px 50px!important; } .card-secondary { padding: 26px 14px 66px; gap: 30px; } .card-main__buttons { bottom: 0; left: 0; top: auto; z-index: 5; flex-direction: row-reverse; justify-content: space-between; align-items: flex-end; width: 100%; padding: 10px 24px; pointer-events: none; } .card-main__download, .card-main__favorite { pointer-events: auto; } .card-main__download svg, .card-main__favorite svg { width: 25px; } .card-main__download svg path { fill: #ECECEC; fill-opacity: 1; } .card-main__favorite svg path { fill: #ECECEC; fill-opacity: 1; } .card-main__share-column { display: flex; flex-direction: column; gap: 20px; transform: translateY(40%); transition: transform 0.2s ease; } .card-main__buttons-column.is-active .card-main__share { opacity: 1; pointer-events: auto; } .card-main__buttons-column.is-active .card-main__share-column { opacity: 1; pointer-events: auto; transform: translateY(0%); } .card-main__share svg path { fill: #ECECEC; } } .card-detail { margin-left: 87px; width: 100%; } .card-detail__title { font-family: "TT Norms Pro", Arial, sans-serif; font-weight: 500; font-size: 28px; line-height: 30px; letter-spacing: 0.6px; color: #292929; margin-bottom: 15px; text-align: left; width: 85%; } .card-detail__status { display: flex; flex-direction: column; padding: 0 3px; } .card-detail__status-label-list { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } .card-detail__status-label { display: flex; align-items: center; } .card-detail__status-label img { height: 26px; } .card-detail__status-label p { border-radius: 4px; color: #fff; font-family: "TT Norms Pro", Arial, sans-serif; font-weight: 700; font-size: 12.68px; line-height: 24px; letter-spacing: 0.48085px; white-space: nowrap; height: 26px; padding: 0 12px 0 7px; margin-left: -1px; } .card-detail__status-label p span { display: block; transform: translateY(2px); } .card-detail__status-label--green p { background: #85AE00; } .card-detail__status-label--orange p { background: #FF5227; } .card-detail__status-list { display: flex; flex-direction: column; gap: 16px; margin-top: 16px; margin-bottom: 16px; list-style: none; padding: 0; } .card-detail__status-item { display: flex; align-items: center; } .card-detail__status-item p { font-family: "TT Norms Pro", Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; letter-spacing: 0.28px; color: #292929; } .card-detail__status-item img { width: 17px; } .card-detail__price-block { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 24px; gap: 12px; padding: 0 2px; } .card-detail__price-block .card-detail__price { font-family: 'TT Hoves', Arial, sans-serif; font-weight: 500; font-size: 28px; line-height: 23px; letter-spacing: 0.9px; color: #292929; } .card-detail__price-block .card-detail__installment { font-family: "TT Norms Pro", Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; letter-spacing: 0.28px; color: #292929; } .card-detail__price-block .card-detail__installment a { text-decoration: underline; color: #E02876; } .card-detail__price-block .card-detail__installment a:hover { text-decoration: none; } .card-detail__actions { display: flex; flex-direction: column; gap: 9px; margin-top: 28px; margin-bottom: 30px; } .card-detail__button { display: flex; align-items: center; justify-content: center; height: 54px; border-radius: 50px; text-transform: uppercase; font-family: 'TT Fors Trial Variable', Arial, sans-serif;; font-weight: 500; font-size: 13px; line-height: 48px; letter-spacing: 0.06em; border: none; } .card-detail__button--primary { background: #E02876; color: #fff; transition: background-color 0.25s ease-in-out; cursor: pointer; } .card-detail__button--primary:hover { background: #D6487F; } .card-detail__button--secondary { background: #F0EEEC; color: #333; transition: background-color 0.25s ease-in-out; cursor: pointer; } .card-detail__button--secondary:hover { color: #6C6A6A; } .card-detail__button--third { background: #5AB9DE; color: white; transition: background-color 0.25s ease-in-out; cursor: pointer; } .card-detail__button--third:hover { color: #2e5f72; } .card-detail__extra-title { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-right: 22px; margin-bottom: 15px; cursor: pointer; } .card-detail__extra-title p { font-family: 'TT Norms Pro', Arial, sans-serif; font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 0.6px; color: #292929; transform: translate(3px, -2px); } .card-detail__extra-title img { width: 12px; transition: transform 0.2s; } .card-detail__extra-list { display: flex; flex-direction: column; gap: 11px; list-style: none; padding: 0; margin: 0; } .card-detail__extra-item { display: flex; align-items: center; gap: 12px; padding: 0 3px; } .card-detail__extra-item p { font-family: "TT Norms Pro", Arial, sans-serif; font-weight: 400; font-size: 15px; line-height: 16px; letter-spacing: 0.28px; color: #292929; } .card-detail__extra-item img { width: 17px; } .card-detail__composition { padding: 0 4px; margin-top: 32px; } .card-detail__composition-title { font-family: 'TT Norms Pro', Arial, sans-serif; font-weight: 500; font-size: 15px; line-height: 16px; color: #292929; margin-bottom: 15px; } .card-detail__composition-text { font-family: 'TT Norms Pro', Arial, sans-serif; font-weight: 400; font-size: 15px; line-height: 16px; letter-spacing: 0.28px; color: #292929; } .card-detail__extra-content { max-height: 0; overflow: hidden; transition: max-height 0.2s; } .card-detail__extra.is-open .card-detail__extra-title img { transform: rotate(-180deg); } @media screen and (max-width: 1400px) { .card-detail { margin-left: 2%; } .card-detail__title { padding-right: 95px; } } @media screen and (max-width: 768px) { .card-detail { margin-left: 0; margin-top: 31px; } .card-detail__title { padding-right: 0; font-weight: 500; font-size: 26px; line-height: 30px; letter-spacing: 0.6px; color: #292929; } .card-detail__status-label p { font-weight: 700; font-size: 10px; line-height: 19px; display: flex; align-items: center; letter-spacing: 0.4px; height: 21px; } .card-detail__status-label img { height: 20px; } .card-detail__status-label p span { transform: translateY(0px); } .card-detail__status-item p { font-size: 14px; line-height: 16px; letter-spacing: 0.28px; } .card-detail__status-list { gap: 11px; margin-top: 16px; } .card-detail__status-item { gap: 7px; } .card-detail__price-block .card-detail__installment { font-weight: 400; font-size: 14px; line-height: 16px; letter-spacing: 0.28px; } .card-detail__price-block { gap: 8px; } .card-detail__actions { margin-top: 43px; margin-bottom: 45px; } .card-detail__extra-title { margin: 0; } .card-detail__extra-content { margin-top: 21px; } .card-detail__extra-item { gap: 7px; } .card-detail__composition { padding: 0; } .card-detail__extra-title p { transform: none; } } .card-gallery { display: flex; gap: 16px; align-items: flex-start; padding: 0; } .card-gallery__thumbnails { display: flex; flex-direction: column; gap: 16px; } .card-gallery__thumb { display: block; width: 96px; height: 96px; border: none; border-radius: 16px; overflow: hidden; cursor: pointer; padding: 0; background: transparent; transition: opacity 0.35s ease; } .card-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .card-gallery__more { width: 22px; height: 12px; background: transparent; border: none; transition: opacity 0.2s ease; cursor: pointer; } .card-gallery__more:hover { opacity: 0.6; } .card-gallery__more svg { width: 100%; height: 100%; } .card-gallery__more--up { margin: 10px auto 24px; } .card-gallery__more--up svg { transform: scale(1, -1); } .card-gallery__more--down { margin: 24px auto 10px; } .card-gallery__main { flex: 1; border-radius: 16px; overflow: hidden; max-width: 588px; max-height: 588px; width: 100vw; height: auto; } .card-gallery__image { width: 100%; height: 100%; border-radius: 16px; overflow: hidden; display: block; object-fit: cover; } .card-gallery__aside { display: flex; flex-direction: column; } .card-gallery__thumbnails.swiper .swiper-pagination-bullet { width: 6px; height: 6px; background: #D9D9D9; opacity: 0.75; } .card-gallery__thumbnails.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; opacity: 1; } .card-gallery__thumbnails.swiper .swiper-pagination { bottom: 13px; } @media screen and (min-width: 1024px) { .card-gallery__thumb:hover { opacity: 0.75; } } @media screen and (max-width: 1400px) { .card-gallery__thumb { width: 80px; height: 80px; } .card-gallery__main { max-width: 40vw; max-height: 40vw; width: 100vw; height: 100vw; } } @media screen and (max-width: 768px) { .card-gallery { position: relative; } .card-gallery__thumb { width: 100%; height: 120vw; max-height: 432px; } } .breadcrumb { padding: 16px 30px 0; background-color: white !important; margin: 1px 0 0 0 !important; border-radius: 0; } .breadcrumb ol, ol.breadcrumb { margin: 0; } .breadcrumb__list { display: flex; gap: 4px; overflow: hidden; white-space: nowrap; } .breadcrumb__item { font-size: 16px; line-height: 24px; color: #212529; font-family: 'PFCentroSansPro', Arial, sans-serif; flex: 0 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(85vw - 150px); } .breadcrumb__item + .breadcrumb__item::before { content: "/"; margin: 0 5px; color: #6C757D; } @media screen and (max-width: 768px) { .breadcrumb { padding: 20px 16px 20px; } .breadcrumb__list { flex-wrap: wrap; } } .card-detail__custom-select { position: relative; width: 100%; font-family: "TT Norms Pro", Arial, sans-serif; font-size: 16px; color: #292929; } .custom-select__trigger { height: 47px; width: 100%; padding: 12px 40px 12px 19px; background: #fff; border: 1px solid #D9D9D9; border-radius: 30px; cursor: pointer; text-align: left; display: flex; justify-content: space-between; align-items: center; } .custom-select__content { display: flex; align-items: center; gap: 8px; } .custom-select__label { font-family: 'TT Fors Trial Variable', Arial, sans-serif; font-weight: 600; font-size: 14px; line-height: 32px; letter-spacing: 0.28px; color: #292929; } .custom-select__price { font-family: 'TT Fors Trial Variable', Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 32px; letter-spacing: 0.28px; color: #292929; } .custom-select__arrow { position: absolute; right: 22px; width: 12px; height: 12px; transition: transform 0.2s; } .card-detail__custom-select.open .custom-select__arrow { transform: rotate(-180deg); } .custom-select__options { display: none; position: absolute; top: calc(100% + 6px); left: 0; width: 100%; background: #fff; border: 1px solid #dcdcdc; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); list-style: none; margin: 0; padding: 8px 0; z-index: 100; } .card-detail__custom-select.open .custom-select__options { display: block; } .custom-select__option { padding: 10px 16px; cursor: pointer; transition: background 0.2s; } .custom-select__option:hover { background: #f5f5f5; } .description { display: flex; justify-content: space-between; align-items: flex-start; padding: 13px 4px 24px; font-family: "TT Norms Pro", Arial, sans-serif; } .description__avatar { display: flex; align-items: center; gap: 18px; } .description__avatar-wrapper { display: flex; justify-content: space-between; align-items: center; width: 100%; } .description__avatar img { width: 36px; height: 36px; min-width: 36px; min-height: 36px; position: relative; overflow: hidden; border-radius: 50%; } .description__avatar p { font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 0.6px; color: #292929; white-space: nowrap; } .description__content { max-width: 743px; padding: 4px 0; width: 100%; } .description__content p { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.28px; color: #292929; } @media screen and (min-width: 769px) { .description__content { max-height: max-content !important; } } @media screen and (max-width: 768px) { .description{ flex-direction: column; align-items: flex-start; padding: 0; } .description__avatar-wrapper { padding-right: 22px; margin-bottom: 10px; } .description__avatar { gap: 10px; } .description__avatar p { font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 0.6px; } .description__content { max-height: 0; overflow: hidden; transition: max-height 0.3s; } .description .description__avatar-wrapper > img { transition: transform 0.2s; } .description.is-open .description__avatar-wrapper > img { transform: rotate(-180deg); } .reviews-header img { transition: transform 0.2s; } .reviews.is-open .reviews-header img { transform: rotate(-180deg); } } @font-face { font-family: "TT Hoves"; src: url("/local/templates/2018/css/../fonts/TTHoves-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "TT Hoves"; src: url("/local/templates/2018/css/../fonts/TTHoves-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "TT Hoves"; src: url("/local/templates/2018/css/../fonts/TTHoves-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "TT Hoves"; src: url("/local/templates/2018/css/../fonts/TTHoves-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* TT Norms Pro */ @font-face { font-family: "TT Norms Pro"; src: url("/local/templates/2018/css/../fonts/TTNormsPro-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "TT Norms Pro"; src: url("/local/templates/2018/css/../fonts/TTNormsPro-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "TT Norms Pro"; src: url("/local/templates/2018/css/../fonts/TTNormsPro-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "TT Norms Pro"; src: url("/local/templates/2018/css/../fonts/TTNormsPro-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* TT Fors Trial */ @font-face { font-family: "TT Fors Trial"; src: url("/local/templates/2018/css/../fonts/TT Fors Trial Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } /* PFCentroSansPro-Regular */ @font-face { font-family: "PFCentroSansPro"; src: url("/local/templates/2018/css/../fonts/PFCentroSansPro-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } .header-plug { height: 105px; background: #fff; border-radius: 0 0 4px 4px; margin: 0; border: 1px solid #efeae1; } .nav-plug { height: 82px; background: #2F2828; } .footer-plug { height: 795px; background: #2F2828; } .page { height: 100%; min-height: 100%; position: relative; max-width: 1466px; margin: 0 auto; } .container-fluid { padding-right: 0; padding-left: 0; } @media screen and (min-width: 769px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } .cvetochka-body { position: relative; background: #fff; overflow: hidden; border-radius: 3px; } .cvetochka-body--gray { background: #F4F3F1; } .cvetochka-body + .cvetochka-body { margin-top: 3px; } .icon-like svg { transition: transform 0.15s ease-in-out; } .icon-like path { transition: opacity 0.3s ease; } .icon-like .fav-active { opacity: 0; } .icon-like:active svg { transform: scale(0.8); } .icon-like.is-active .fav-active { opacity: 1; fill: #FF006D; } .simplebar-scrollbar:before { background: #C7C7C7; opacity: 1 !important; } .for-desktop { @media screen and (max-width: 768px) { display: none !important; } } .for-mobile { @media screen and (min-width: 769px) { display: none !important; } } @media screen and (min-width: 1024px) { .icon-like:hover .fav-active { opacity: 1; } .icon-like:hover .fav-default { opacity: 0; } } .tabs { font-family: "TT Norms Pro", Arial, sans-serif; max-width: 1115px; padding-right: 30px; margin-left: 145px; } .tabs__header { display: flex; border-bottom: 1px solid #ddd; margin-bottom: 39px; padding-bottom: 14px; } .tabs__button { background: none; border: none; cursor: pointer; position: relative; font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 0.6px; color: #808080; margin-right: 52px; padding: 0 3px; } .tabs__button--active { color: #000; font-weight: 500; } .tabs__button--active::after { content: ""; position: absolute; bottom: -14px; left: 0; width: 100%; height: 2px; background: #373737; border-radius: 60px; } .tabs__content { padding: 16px 0 64px; } .tabs__panel { display: none; @media screen and (max-width: 768px) { display: flex; } } .tabs__panel--active { display: block; } /* Reviews */ .reviews { position: relative; width: 100%; } .reviews__scroll { display: flex; gap: 50px; padding-bottom: 71px; overflow: auto; overflow-y: hidden; } .reviews::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 14px; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; } .reviews__item { flex: 0 0 calc(33.333% - 35px); min-width: 235px; padding: 0 4px; } .reviews__author { font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.28px; color: #292929; margin-bottom: 7px; } .reviews__meta { display: flex; align-items: center; gap: 12px; font-size: 13px; margin-bottom: 12px; color: #666; } .reviews__rating { display: flex; align-items: center; gap: 2px; } .reviews__rating-item { width: 15px; height: 15px; } .reviews__date { font-weight: 400; font-size: 14px; line-height: 16px; letter-spacing: 0.28px; color: #292929; } .reviews__text { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.28px; color: #292929; } @media screen and (max-width: 1400px) { .tabs { margin-left: 0; padding-left: 30px; } } @media screen and (max-width: 768px) { .tabs { padding: 0 12px; } .tabs__content { padding: 0 0 40px; } .reviews__scroll { flex-direction: column; gap: 0; padding: 0 4px; max-height: 0; overflow: hidden; transition: max-height 0.3s; } .reviews::after { display: none; } .reviews__item { flex: 1 1 auto; max-width: none; width: 100%; padding: 17px 0 17px; } .reviews__item:not(:first-child) { border-top: 1px solid #F0EEEC; } .reviews__item.is-hide { display: none; } .reviews-header { display: flex; align-items: center; justify-content: space-between; padding-right: 22px; margin-top: 32px; margin-bottom: 9px; } .reviews-header__title { font-family: 'TT Norms Pro', Arial, sans-serif; font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 0.6px; color: #292929; } .reviews__show-more { font-family: 'TT Fors Trial Variable', Arial, sans-serif; font-weight: 500; font-size: 13px; line-height: 48px; display: flex; align-items: center; text-align: center; justify-content: center; letter-spacing: 0.06em; text-transform: uppercase; color: #292929; height: 54px; background: #F0EEEC; border-radius: 30px; width: 100%; border: none; margin-top: 30px; } .reviews__text { position: relative; } .reviews__text--short { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; /* максимум 4 строки */ -webkit-box-orient: vertical; } .reviews__text--short .reviews__more-text { display: block; } .reviews__more-text { position: absolute; bottom: 0; right: 0; z-index: 5; font-size: 14px; line-height: 20px; letter-spacing: 0.28px; color: #8B8986; display: none; } .reviews__more-text::after { content: ""; position: absolute; left: 0; top: 0; z-index: -1; width: 100px; height: 30px; background: linear-gradient(to right, transparent 0%, #fff 40%, #fff 100%); transform: translateX(-60%); pointer-events: none; } .svg-buket__benefits { margin-left: 7px; } } p { margin-bottom: 0!important; } .b-button.action--primary { border-color: #E02876!important; background-color: #E02876!important; background-image: -webkit-linear-gradient(top, #E02876 30%, #E02876)!important; background-image: linear-gradient(to bottom, #E02876 30%, #E02876)!important; color: #fff!important; box-shadow: 0 2px 2px 0 rgba(37, 132, 189, 0.5)!important; border-radius: 25px!important; } .b-heading.size--gamma.line--by-content.pos--top { display: none!important; } .b-button.action--default { border-color: white!important; } .svg-buket__benefits { width: 18px!important; height: 18px!important; margin-right: 7px !important; } .reviews::after { display: none; } .buket__flowers a, .buket__flowers span { color: rgb(41, 41, 41)!important; font-family: "TT Norms Pro", Arial, sans-serif; font-size: 15px; font-weight: 400; } .b-button.action--primary .b-button__bg:before { background-color: #E02876 !important; background-image: linear-gradient(to bottom, #E02876, 30%, #E02876)!important; border-radius: 20px!important; } .b-button.action--primary .b-button__bg:after { background-color: #E02876 !important; background-image: none; box-shadow: inset 0 1px 4px 1px rgba(52, 52, 52, 0.5); border-radius: 25px; } .catalog-item { background: white; border-radius: 0!important; color: #2F2828; outline: none; padding: 0; overflow: hidden; border: 0!important; } .collection-bouquet { padding: 0 15px!important; } @media screen and (max-width: 768px) { .collection-bouquet { padding: 0!important; margin: 0 -5px!important; } } .b-button.action--default.control-box--base-flatten.js-tab.js-plugin-click { margin-bottom: 20px!important; } .additional-row { margin: -40px 0 0!important; background: #F4F3F1; } *, *::after, *::before { scrollbar-color: lightgrey #F4F3F1!important; } *::-webkit-scrollbar { border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; } /* End */ /* Start:/bitrix/templates/.default/techdir-reviews-assets/css/fancybox.min.css?176045561412795*/ 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))}}.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-right:max(12px,env(safe-area-inset-right))}}}.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:/bitrix/templates/.default/techdir-reviews-assets/css/style.css?1760455614142775*/ .b-reset-button{overflow:visible;padding:0;border:0;outline:0;margin:0;background:transparent;font-size:inherit;line-height:inherit;font-family:inherit;text-align:inherit;font-style:inherit}.b-reset-button::-moz-focus-inner{border-style:none;padding:0}.b-reset-number{-webkit-appearance:none;-moz-appearance:textfield}.b-reset-number::-webkit-inner-spin-button,.b-reset-number::-webkit-outer-spin-button{display:none;-webkit-appearance:none;margin:0}.b-reset-number::-webkit-contacts-auto-fill-button{visibility:hidden;display:none !important;pointer-events:none;position:absolute;right:0}.b-reset-link,.b-reset-link:visited,.b-reset-link:hover,.b-reset-link:focus,.b-reset-link:active{color:inherit;text-decoration:none}.b-link,.b-link-complex,.b-text a{cursor:pointer}.b-link,.b-link-complex__target,.b-text a{color:#0073b7;border-bottom:1px solid #0073b7;border-bottom-color:rgba(0,115,183,0.3);text-decoration:none !important;-webkit-transition:color 0.15s ease-in,border-color 0.15s ease-in,fill 0.15s ease-in;transition:color 0.15s ease-in,border-color 0.15s ease-in,fill 0.15s ease-in}.b-link.target--inside,.b-link-complex__target.target--inside,.b-text a.target--inside{border-bottom-style:dashed}.b-link,.b-link-complex,.b-text a{cursor:pointer}.b-link:hover,.b-link:focus,.b-link-complex:hover .b-link-complex__target,.b-link-complex:focus .b-link-complex__target,.b-text a:hover,.b-text a:focus{-webkit-transition-timing-function:ease-out,ease-out,ease-out;transition-timing-function:ease-out,ease-out,ease-out}.b-link[disabled],.b-link.is--disabled,.b-link-complex[disabled] .b-link-complex__target,.b-link-complex.is--disabled .b-link-complex__target{color:#0073b7;border-bottom-color:transparent;cursor:not-allowed}.b-link[disabled],.b-link.is--disabled,.b-link-complex[disabled],.b-link-complex.is--disabled{cursor:not-allowed}.b-link.is--active:not(.behavior--toggle),.b-link-complex.is--active:not(.behavior--toggle) .b-link-complex__target{-webkit-transition-timing-function:linear,linear,linear;transition-timing-function:linear,linear,linear}.b-link-complex,.b-link-reset{border-bottom-width:0;text-decoration:none !important}.b-link-complex,.b-link-reset,.b-link-complex:hover,.b-link-reset:hover,.b-link-complex:focus,.b-link-reset:focus{color:inherit}.b-link-reset{cursor:default}.b-link.underscore--disable,.b-link-complex__target.underscore--disable{border-bottom-width:0}.b-heading,.b-text h1,.b-text h2,.b-text h3,.b-text h4,.b-text h5,.b-text h6{display:block;margin-top:16px;margin-bottom:8px;color:#323232;font-weight:bold}.b-heading.underline--bottom{padding-bottom:3px;border-bottom:1px solid}.b-heading.pretend--strong{font-family:'Roboto',sans-serif;font-weight:normal;letter-spacing:-1.5px}.b-hgroup{display:block;margin-top:16px;margin-bottom:8px;margin-left:-10px}.b-hgroup:before{content:'';display:block;height:1px;margin-top:-5px;margin-bottom:-1px}.b-hgroup__inline{display:inline-block;vertical-align:baseline;margin-left:10px;margin-top:5px;margin-bottom:0}.b-hgroup__block{display:block;margin-left:10px;margin-top:5px;margin-bottom:0}.b-hgroup-inline{display:block;margin-top:16px;margin-bottom:8px;margin-right:-10px}.b-hgroup-inline__item{display:inline;margin-right:10px}.b-hr{display:block;width:100%;height:0;padding:0;border:0;border-top:1px solid #dfdfdf;outline:0;margin:8px 0}.b-price-strong{font-weight:bold}.b-price-old{color:#df383a;text-decoration:line-through}.b-figure{display:block;max-width:100%;position:relative;background:no-repeat 50% 50%;background-size:contain}.b-figure__push{display:block}.b-figure__origin{display:block;max-width:100%;margin-left:auto;margin-right:auto;background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.b-figure__origin.relative--parent{width:auto;max-height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin-top:auto;margin-bottom:auto}.b-figure__origin.relative--parent.iframe__video{width:100%}.b-loader{display:block;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:b-loader-origin 1568ms linear infinite both;animation:b-loader-origin 1568ms linear infinite both;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-loader:before{content:'';display:block;padding-top:100%}.b-loader__rotor{display:block;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:b-loader-rotor 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:b-loader-rotor 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.b-loader__half{display:block;overflow:hidden;width:50%;height:100%;position:absolute;top:0;left:50%}.b-loader__half.pos--second{left:0}.b-loader__curve{display:block;overflow:hidden;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transform:rotate(-165deg);transform:rotate(-165deg);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation:b-loader-curve-first 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:b-loader-curve-first 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.b-loader__curve:before{content:'';display:block;width:200%;height:100%;border-radius:50%;border:3px solid;box-sizing:border-box;position:absolute;right:0;top:0}.b-loader.border--light .b-loader__curve:before{border-width:2px}.b-loader.border--thin .b-loader__curve:before{border-width:1px}.b-loader__half.pos--second > .b-loader__curve{-webkit-transform:rotate(165deg);transform:rotate(165deg);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation-name:b-loader-curve-second;animation-name:b-loader-curve-second}.b-loader__half.pos--second > .b-loader__curve:before{right:auto;left:0}@-webkit-keyframes b-loader-origin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes b-loader-origin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes b-loader-rotor{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes b-loader-rotor{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes b-loader-curve-first{0%{-webkit-transform:rotate(-165deg);transform:rotate(-165deg)}50%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-webkit-transform:rotate(-165deg);transform:rotate(-165deg)}}@keyframes b-loader-curve-first{0%{-webkit-transform:rotate(-165deg);transform:rotate(-165deg)}50%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-webkit-transform:rotate(-165deg);transform:rotate(-165deg)}}@-webkit-keyframes b-loader-curve-second{0%{-webkit-transform:rotate(165deg);transform:rotate(165deg)}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}100%{-webkit-transform:rotate(165deg);transform:rotate(165deg)}}@keyframes b-loader-curve-second{0%{-webkit-transform:rotate(165deg);transform:rotate(165deg)}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}100%{-webkit-transform:rotate(165deg);transform:rotate(165deg)}}.b-loader-star{display:block;position:relative}.b-loader-star:before{content:'';display:block;padding-top:100%}.b-loader-star__wing{display:block;width:1px;height:50%;position:absolute;left:50%;top:0;margin-left:-0.5px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:b-loader-star__wing-opacity 0.75s infinite alternate both;animation:b-loader-star__wing-opacity 0.75s infinite alternate both;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-loader-star__wing:before{content:'';display:block;height:50%;width:100%;background:#000}.b-loader-star__wing:nth-child(1){-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation-delay:-1.375s;animation-delay:-1.375s}.b-loader-star__wing:nth-child(2){-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-delay:-1.25s;animation-delay:-1.25s}.b-loader-star__wing:nth-child(3){-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-1.125s;animation-delay:-1.125s}.b-loader-star__wing:nth-child(4){-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-1s;animation-delay:-1s}.b-loader-star__wing:nth-child(5){-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation-delay:-0.875s;animation-delay:-0.875s}.b-loader-star__wing:nth-child(6){-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-0.75s;animation-delay:-0.75s}.b-loader-star__wing:nth-child(7){-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation-delay:-0.625s;animation-delay:-0.625s}.b-loader-star__wing:nth-child(8){-webkit-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.b-loader-star__wing:nth-child(9){-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-0.375s;animation-delay:-0.375s}.b-loader-star__wing:nth-child(10){-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation-delay:-0.25s;animation-delay:-0.25s}.b-loader-star__wing:nth-child(11){-webkit-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation-delay:-0.125s;animation-delay:-0.125s}.b-loader-star__wing:nth-child(12){-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes b-loader-star__wing-opacity{0%{opacity:0.15}9.090909090909092%{opacity:0.204545454545455}18.181818181818183%{opacity:0.259090909090909}27.272727272727273%{opacity:0.313636363636364}36.36363636363637%{opacity:0.368181818181818}45.45454545454545%{opacity:0.422727272727273}54.54545454545455%{opacity:0.477272727272727}63.63636363636363%{opacity:0.531818181818182}72.72727272727273%{opacity:0.586363636363636}81.81818181818181%{opacity:0.640909090909091}90.9090909090909%{opacity:0.695454545454545}100%{opacity:0.75}}@keyframes b-loader-star__wing-opacity{0%{opacity:0.15}9.090909090909092%{opacity:0.204545454545455}18.181818181818183%{opacity:0.259090909090909}27.272727272727273%{opacity:0.313636363636364}36.36363636363637%{opacity:0.368181818181818}45.45454545454545%{opacity:0.422727272727273}54.54545454545455%{opacity:0.477272727272727}63.63636363636363%{opacity:0.531818181818182}72.72727272727273%{opacity:0.586363636363636}81.81818181818181%{opacity:0.640909090909091}90.9090909090909%{opacity:0.695454545454545}100%{opacity:0.75}}.b-icon{display:inline-block;vertical-align:middle;width:1em;height:1em;box-sizing:content-box;position:relative;top:-2px;margin-top:-0.5em;margin-bottom:-0.5em;fill:#fff;background:no-repeat 50% 50%;background-size:contain;font-size:18px;line-height:1}.b-icon.hanging--left{width:1.227272727272727em;margin-left:-0.227272727272727em}.b-icon.hanging--right{width:1.227272727272727em;margin-right:-0.227272727272727em}.b-icon.around--lower{top:-1px}.b-icon.outside--left{margin-left:-1em;left:-4px}.b-icon.outside--right{margin-right:-1em;right:-4px}.b-icon.dimension-horz--3x4,.b-icon.dimension--3x4{width:0.75em}.b-icon.dimension-vert--3x4,.b-icon.dimension--3x4{height:0.75em;top:-1px}.b-icon.dimension-vert--3x4.around--lower,.b-icon.dimension--3x4.around--lower{top:0}.b-icon.dimension-horz--1x2,.b-icon.dimension--1x2{width:0.5em}.b-icon.dimension-vert--1x2,.b-icon.dimension--1x2{height:0.5em;top:-1px}.b-icon.dimension-vert--1x2.around--lower,.b-icon.dimension--1x2.around--lower{top:0}.b-icon.icon--login{background-image:url("/bitrix/templates/.default/techdir-reviews-assets/css/../i/login_link.png")}.b-icon__origin{display:block;width:100%;height:100%;position:absolute;left:0;top:0}.b-icon-left__origin,.b-icon-right__origin{display:inline-block}.b-icon-left__target,.b-icon-right__target{display:inline-block;vertical-align:top;width:100%}.b-icon-left{padding-left:22px}.b-icon-left__origin{width:18px;margin-left:-22px;margin-right:4px}.b-icon-right{padding-right:22px}.b-icon-right__origin{width:18px;margin-right:-22px;margin-left:4px}.b-icon-left.dimension--deci{padding-left:20px}.b-icon-left.dimension--deci .b-icon-left__origin{width:16px;margin-left:-20px;margin-right:4px}.b-icon-right.dimension--deci{padding-right:20px}.b-icon-right.dimension--deci .b-icon-right__origin{width:16px;margin-right:-20px;margin-left:4px}.b-monolith{white-space:nowrap}.b-text .b-note,.b-text .b-remark{margin-top:22px;margin-bottom:22px}.b-text .b-note:first-child,.b-text .b-remark:first-child{margin-top:0}.b-text .b-note:last-child,.b-text .b-remark:last-child{margin-bottom:0}.b-text .b-blockquote,.b-text blockquote{margin-top:33px;margin-bottom:33px}.b-text .b-blockquote:first-child,.b-text blockquote:first-child{margin-top:0}.b-text .b-blockquote:last-child,.b-text blockquote:last-child{margin-bottom:0}.b-blockquote,.b-text blockquote{display:block;font-size:24px;line-height:30px;text-align:center;font-style:italic}.b-hero{display:block;position:relative}.b-hero__push{display:block}.b-hero__figure{display:block;width:100%;height:100%;position:absolute;left:0;top:0}.b-hero__shade{display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:repeat-y 0 0;background-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.6));background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6))}.b-hero__caption{display:block;padding:20px;width:100%;box-sizing:border-box;position:absolute;left:0;bottom:0;color:#fff}.b-article{display:block;border:solid 1px #dcdfe0;background:#fdfdfd;color:#323232;box-shadow:0 1px 2px 0 #dfe3e5}.b-article__section,.b-article__footer{display:block;padding:40px 70px 40px 45px}.b-article__footer{padding-top:30px;border-top:1px solid #dcdfe0;background:#f7f7f7}.b-note{display:block;padding:20px;border:1px solid #f1e9ce;border-radius:4px;background-color:#fef9e6}.b-tag{display:block;padding:2px 6px;border:1px solid #b1e2ff;border-radius:3px;background:#e5f5ff;color:#0073b8;-webkit-transition:background-color 0.15s ease-in;transition:background-color 0.15s ease-in}.b-tag:hover,.b-tag:focus{border-color:#b1e2ff;background:#c7eaff;color:#0073b8;text-decoration:none;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-tag__counter{color:#67b7e6}.b-remark{display:block;padding:5px 0 5px 17px;border-left:3px solid #e22327}.b-truncate{display:block;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.b-text h1,.b-text h2,.b-text h3,.b-text h4,.b-text h5,.b-text h6{margin-top:33px;margin-bottom:11px}.b-text h1:first-child,.b-text h2:first-child,.b-text h3:first-child,.b-text h4:first-child,.b-text h5:first-child,.b-text h6:first-child{margin-top:0}.b-text h1:last-child,.b-text h2:last-child,.b-text h3:last-child,.b-text h4:last-child,.b-text h5:last-child,.b-text h6:last-child{margin-bottom:0}.b-text h1:not([class*="size--"]){font-size:34px;line-height:1}.b-text h2:not([class*="size--"]){font-size:28px;line-height:1.178571428571429}.b-text h3:not([class*="size--"]){font-size:24px;line-height:1.375}.b-text p,.b-text ul,.b-text ol,.b-text .b-text__spacing{margin-top:11px}.b-text p:first-child,.b-text ul:first-child,.b-text ol:first-child,.b-text .b-text__spacing:first-child{margin-top:0}.b-text li{margin-top:16.5px}.b-text li:first-child{margin-top:0}.b-text ul,.b-text ol{margin-left:45px;list-style-position:outside}.b-text ul{list-style:disc}.b-text ol{list-style:decimal}.weight--normal{font-weight:normal !important}.weight--bold{font-weight:bold !important}.text-style--italic{font-style:italic}.color--text{color:inherit !important}.b-pseudo-text:before{content:attr(data-before)}.b-pseudo-text:after{content:attr(data-after)}.control-box--base,.b-button,.b-dropdown__item,.b-dropdown__option,.b-input,.b-select__origin,.b-select__label,.b-file-input,.b-toggle,.b-input-label,.b-placeholder__origin{border:0 solid transparent;box-sizing:border-box}.b-file-input{height: auto !important;}.control-box--base,.b-button,.b-dropdown__item,.b-dropdown__option,.b-input,.b-select__origin,.b-select__label,.b-file-input,.b-toggle,.b-input-label,.b-placeholder__origin{padding-top:7px;padding-bottom:7px;padding-left:10px;padding-right:10px;border-width:1px;height:38px;font-size:17px;line-height:22px}.control-box--base.offset--vertical,.b-button.offset--vertical,.b-dropdown__item.offset--vertical,.b-dropdown__option.offset--vertical,.b-input.offset--vertical,.b-select__origin.offset--vertical,.b-select__label.offset--vertical,.b-file-input.offset--vertical,.b-toggle.offset--vertical,.b-input-label.offset--vertical,.b-placeholder__origin.offset--vertical{margin-top:-19px;margin-bottom:-19px}.control-box--base.corner--circle,.b-button.corner--circle,.b-dropdown__item.corner--circle,.b-dropdown__option.corner--circle,.b-input.corner--circle,.b-select__origin.corner--circle,.b-select__label.corner--circle,.b-file-input.corner--circle,.b-toggle.corner--circle,.b-input-label.corner--circle,.b-placeholder__origin.corner--circle{border-radius:19px}.control-box--base.content-line--multi,.b-button.content-line--multi,.b-dropdown__item.content-line--multi,.b-dropdown__option.content-line--multi,.b-input.content-line--multi,.b-select__origin.content-line--multi,.b-select__label.content-line--multi,.b-file-input.content-line--multi,.b-toggle.content-line--multi,.b-input-label.content-line--multi,.b-placeholder__origin.content-line--multi{min-height:38px;height:auto}.control-box--base-expand{padding-top:13px;padding-bottom:13px;padding-left:15px;padding-right:15px;height:50px}.control-box--base-expand.offset--vertical{margin-top:-25px;margin-bottom:-25px}.control-box--base-expand.corner--circle{border-radius:25px}.control-box--base-expand.content-line--multi{min-height:50px;height:auto}.control-box--base-expand-wide{padding-top:13px;padding-bottom:13px;padding-left:25px;padding-right:25px;height:50px}.control-box--base-expand-wide.offset--vertical{margin-top:-25px;margin-bottom:-25px}.control-box--base-expand-wide.corner--circle{border-radius:25px}.control-box--base-expand-wide.content-line--multi{min-height:50px;height:auto}.control-box--base-flatten{padding-top:1px;padding-bottom:1px;height:26px;font-size:16px}.control-box--base-flatten.offset--vertical{margin-top:-13px;margin-bottom:-13px}.control-box--base-flatten.corner--circle{border-radius:13px}.control-box--base-flatten.content-line--multi{min-height:26px;height:auto}.control-box--origin{height:38px;font-size:16px;line-height:22px}.control-box--origin.offset--vertical{margin-top:-19px;margin-bottom:-19px}.control-box--origin.corner--circle{border-radius:19px}.control-box--origin.content-line--multi{min-height:38px;height:auto}.control-box--origin-expand{padding-top:9px;padding-bottom:11px;padding-left:14px;padding-right:14px;height:43px;font-size:16px;line-height:21px}.control-box--origin-expand.offset--vertical{margin-top:-21.5px;margin-bottom:-21.5px}.control-box--origin-expand.corner--circle{border-radius:21.5px}.control-box--origin-expand.content-line--multi{min-height:43px;height:auto}.control-box--centi{padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;height:30px;font-size:14px;line-height:20px}.control-box--centi.offset--vertical{margin-top:-15px;margin-bottom:-15px}.control-box--centi.corner--circle{border-radius:15px}.control-box--centi.content-line--multi{min-height:30px;height:auto}.control-box--centi-flatten{padding-top:2px;padding-bottom:2px;padding-left:8px;padding-right:8px;height:26px;font-size:14px;line-height:20px}.control-box--centi-flatten.offset--vertical{margin-top:-13px;margin-bottom:-13px}.control-box--centi-flatten.corner--circle{border-radius:13px}.control-box--centi-flatten.content-line--multi{min-height:26px;height:auto}.b-checkbox-complex,.b-radio-complex,.b-checkbox,.b-radio{cursor:pointer}.b-checkbox-complex.is--disabled,.b-checkbox.is--disabled,.b-radio.is--disabled,.b-checkbox-complex.is--disabled .b-checkbox,.b-radio-complex.is--disabled .b-radio{cursor:not-allowed}.b-checkbox-complex.is--readonly,.b-checkbox.is--readonly,.b-radio.is--readonly,.b-checkbox-complex.is--readonly .b-checkbox,.b-radio-complex.is--readonly .b-radio{cursor:default}.b-checkbox,.b-radio{padding-left:24px}.b-checkbox__toggle,.b-radio__toggle{display:inline-block;vertical-align:middle;width:16px;height:16px;padding:0;border:0;outline:0;box-sizing:border-box;position:relative;top:-2px;margin:-8px 8px -8px -24px}.b-checkbox__origin,.b-radio__origin{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}.b-checkbox__toggle,.b-radio__toggle{border:1px solid #d0d0d0;border-radius:3px;margin-right:8px;background:#fff repeat 50% 50%;background-size:contain;-webkit-transition:border-color 0.15s ease-in,background-color 0.15s ease-in;transition:border-color 0.15s ease-in,background-color 0.15s ease-in;cursor:pointer}.b-radio__toggle{border-radius:50%}.b-checkbox__toggle:before,.b-radio__toggle:before,.b-checkbox__toggle:after,.b-radio__toggle:after{content:'';display:block;width:12px;height:12px;position:absolute;left:50%;top:50%;margin-top:-6px;margin-left:-6px;opacity:0;-webkit-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in}.b-radio__toggle:before,.b-radio__toggle:after{width:6px;height:6px;margin-top:-3px;margin-left:-3px}.b-checkbox__toggle:before,.b-checkbox__toggle:after{background:url("/bitrix/templates/.default/techdir-reviews-assets/css/../i/checkbox.svg?v2") no-repeat 0 50%}.b-checkbox__toggle.bg--light:before,.b-checkbox__toggle.bg--light:after{background-position:0 100%}.b-checkbox__toggle:after{background-position:0 0}.b-radio__toggle:before,.b-radio__toggle:after{border-radius:50%;background:#fff}.b-radio__toggle:after{background-color:#d0d0d0}.b-checkbox:hover .b-checkbox__toggle,.b-checkbox-complex:hover .b-checkbox__toggle,.b-checkbox__origin:checked + .b-checkbox__toggle,.b-radio:hover .b-radio__toggle,.b-radio-complex:hover .b-radio__toggle,.b-radio__origin:checked + .b-radio__toggle{border-color:#1184ca}.b-checkbox__origin:checked + .b-checkbox__toggle,.b-radio__origin:checked + .b-radio__toggle{border-color:#1184ca;background-color:#0679be;-webkit-transition-timing-function:ease-out,ease-out;transition-timing-function:ease-out,ease-out}.b-checkbox__origin:checked + .b-checkbox__toggle:before,.b-radio__origin:checked + .b-radio__toggle:before{opacity:1;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-checkbox__origin[disabled] + .b-checkbox__toggle,.b-radio__origin[disabled] + .b-radio__toggle{border-color:#d0d0d0;background-color:#eee !important;-webkit-transition-timing-function:ease-out,ease-out;transition-timing-function:ease-out,ease-out;cursor:not-allowed}.b-checkbox__origin[disabled]:checked + .b-checkbox__toggle:after,.b-radio__origin[disabled]:checked + .b-radio__toggle:after{opacity:1;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-checkbox__label,.b-radio__label{position:relative;cursor:pointer;opacity:1;-webkit-transition:opacity 0.15s ease-out;transition:opacity 0.15s ease-out}.b-checkbox__label:before,.b-radio__label:before{content:'';display:block;width:8px;height:16px;position:absolute;top:0;left:-8px}.b-checkbox__origin[disabled] ~ .b-checkbox__label,.b-radio__origin[disabled] + .b-radio__label{cursor:not-allowed}.b-checkbox__exclude,.b-radio__exclude{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}.b-checkbox__exclude:checked + .b-checkbox__label,.b-radio__exclude:checked + .b-radio__label{text-decoration:line-through;opacity:0.5;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.b-checkbox.layout--alone,.b-radio.layout--alone{padding-left:0}.b-checkbox.layout--alone .b-checkbox__toggle,.b-radio.layout--alone .b-checkbox__toggle,.b-checkbox.layout--alone .b-radio__toggle,.b-radio.layout--alone .b-radio__toggle{margin-right:0;margin-left:0}.b-button-check{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}.b-button{display:inline-block;vertical-align:middle;overflow:visible;border-radius:4px;outline:0;box-sizing:border-box;position:relative;margin:0;background:transparent;color:inherit;font-family:'Roboto',sans-serif;text-align:center;text-decoration:none !important;cursor:pointer;-webkit-transition:color 0.15s ease-in,background-color 0.15s ease-in,border-color 0.15s ease-in,box-shadow 0.15s ease-in;transition:color 0.15s ease-in,background-color 0.15s ease-in,border-color 0.15s ease-in,box-shadow 0.15s ease-in;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-drag:none}.b-button:hover,.b-button:focus{-webkit-transition-timing-function:ease-out,ease-out,ease-out,ease-out;transition-timing-function:ease-out,ease-out,ease-out,ease-out}.b-button:active,.b-button.is--active:not(.behavior--toggle),.b-button-check:checked + .b-button{-webkit-transition-timing-function:linear,linear,linear,linear;transition-timing-function:linear,linear,linear,linear}.b-button[disabled],.b-button.is--disabled{-webkit-transition-timing-function:ease-in,ease-in,ease-in,ease-in;transition-timing-function:ease-in,ease-in,ease-in,ease-in;cursor:not-allowed}.b-button::-moz-focus-inner{border-style:none;padding:0}.b-button.pretend--important{font-weight:bold}.b-button__bg{/* use for linear gradient animation */display:none;width:100%;height:100%;position:absolute;left:0;top:0}.b-button__bg:before,.b-button__bg:after{content:'';display:block;width:100%;height:100%;border-radius:4px;position:absolute;left:0;top:0;background:transparent;opacity:0;-webkit-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in}.b-button:hover .b-button__bg:before,.b-button:focus .b-button__bg:before{opacity:1;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-button:active .b-button__bg:after,.b-button.is--active:not(.behavior--toggle) .b-button__bg:after,.b-button-check:checked + .b-button .b-button__bg:after{opacity:1;-webkit-transition-timing-function:linear;transition-timing-function:linear}.b-button[disabled] .b-button__bg:before,.b-button.is--disabled .b-button__bg:before,.b-button[disabled] .b-button__bg:after,.b-button.is--disabled .b-button__bg:after{opacity:0;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.b-button__content{display:block;position:relative;-webkit-transition:opacity 0.15s ease-out;transition:opacity 0.15s ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-button.disable--soft[disabled] .b-button__content,.b-button.disable--soft.is--disabled .b-button__content{opacity:0.66;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.b-button.action--default{border-color:#c7cbd3;background-color:#fff;color:#000}.b-button.action--default:hover,.b-button.action--default:focus{border-color:#b7bbc5;background-color:#f5f5f5;color:#000}.b-button.action--default:active,.b-button.action--default.is--active:not(.behavior--toggle),.b-button-check:checked + .b-button.action--default{border-color:#b7bbc5;background-color:#efefef;box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.15)}.b-button.action--default.behavior--static{border-color:#c7cbd3;background-color:#fff;box-shadow:none}.b-button.action--default[disabled],.b-button.action--default.is--disabled{border-color:#ccc6c6;background-color:#f5f5f5;color:#898484;box-shadow:none}.b-button.action--control{border-color:#b4bec2;background-color:#fdfdfd;color:#323232}.b-button.action--control:hover,.b-button.action--control:focus{border-color:#b7bbc5;background-color:#f5f5f5;color:#000}.b-button.action--control:active,.b-button.action--control.is--active:not(.behavior--toggle),.b-button-check:checked + .b-button.action--control{border-color:#b5bfc2;background-color:#f8f8f8;box-shadow:inset 0 1px 3px 0 rgba(165,164,164,0.5)}.b-button.action--control[disabled],.b-button.action--control.is--disabled{border-color:#ccc6c6;background-color:#f5f5f5;color:#898484;box-shadow:none}.b-button.action--primary{border-color:#3e98ce;background-color:#43afea;background-image:-webkit-linear-gradient(top, #43afea 30%, #3e98ce);background-image:linear-gradient(to bottom, #43afea 30%, #3e98ce);color:#fff;box-shadow:0 2px 2px 0 rgba(37,132,189,0.5)}.b-button.action--primary .b-button__bg{display:block}.b-button.action--primary .b-button__bg:before{background-color:#28a3e7;background-image:-webkit-linear-gradient(top, #28a3e7 30%, #318bc0);background-image:linear-gradient(to bottom, #28a3e7 30%, #318bc0)}.b-button.action--primary .b-button__bg:after{background-color:#35a9e8;background-image:none;box-shadow:inset 0 1px 4px 1px rgba(52,52,52,0.5)}.b-button.action--primary:hover,.b-button.action--primary:focus{border-color:#3e98ce;color:#fff;box-shadow:0 2px 2px 0 rgba(37,132,189,0.5)}.b-button.action--primary:active,.b-button.action--primary.is--active:not(.behavior--toggle),.b-button-check:checked + .b-button.action--primary{border-color:#35a9e8;color:#fff;box-shadow:0 0 0 0 #cfc0c2}.b-button.action--primary[disabled],.b-button.action--primary.is--disabled{border-color:#ccc6c6;background-color:#f5f5f5;background-image:none;color:#898484;box-shadow:none}.b-button.action--primary.disable--soft[disabled],.b-button.action--primary.disable--soft.is--disabled{border-color:#3e98ce;background-color:#43afea;background-image:-webkit-linear-gradient(top, #43afea 30%, #3e98ce);background-image:linear-gradient(to bottom, #43afea 30%, #3e98ce);color:#fff;box-shadow:0 2px 2px 0 rgba(37,132,189,0.5)}.b-button.action--info{border-color:#0073b8;background-color:#1387cc;background-image:-webkit-linear-gradient(top, #1387cc, #0073b8);background-image:linear-gradient(to bottom, #1387cc, #0073b8);color:#fff;box-shadow:0 2px 2px 0 rgba(100,152,183,0.6)}.b-button.action--info .b-button__bg{display:block}.b-button.action--info .b-button__bg:before{background-color:#1179b8;background-image:-webkit-linear-gradient(top, #1179b8, #0067a6);background-image:linear-gradient(to bottom, #1179b8, #0067a6)}.b-button.action--info .b-button__bg:after{background-color:#1280c2;background-image:none;box-shadow:inset 0 1px 4px 1px rgba(52,52,52,0.5)}.b-button.action--info:hover,.b-button.action--info:focus{border-color:#0073b8;color:#fff;box-shadow:0 2px 2px 0 rgba(100,152,183,0.8)}.b-button.action--info:active,.b-button.action--info.is--active:not(.behavior--toggle),.b-button-check:checked + .b-button.action--info{border-color:#0073b8;color:#fff;box-shadow:0 0 0 0 rgba(100,152,183,0.8)}.b-button.action--info[disabled],.b-button.action--info.is--disabled{border-color:#ccc6c6;background-color:#f5f5f5;background-image:none;color:#898484;box-shadow:none}.b-button.action--transparent{border-color:transparent;background-color:transparent;background-image:none;color:inherit}.b-button.action--transparent .b-button__bg{display:block}.b-button.action--transparent .b-button__bg:before{background:rgba(0,0,0,0.01)}.b-button.action--transparent .b-button__bg:after{background:rgba(0,0,0,0.02)}.b-button.style--flat{box-shadow:none}.b-button.pin--vertical,.b-button.pin--both{padding-top:0;padding-bottom:0;border-top:0;border-bottom:0;height:auto}.b-button.pin--horizontal,.b-button.pin--both{padding-left:0;padding-right:0;border-left:0;border-right:0}.b-dropdown{display:inline-block;vertical-align:top;max-width:100%;position:relative}.b-dropdown.is--active{z-index:51}.b-dropdown__target-holder{position:relative}.b-dropdown.is--active .b-dropdown__target-holder{z-index:1}.b-dropdown__target{position:relative}.b-dropdown.is--active .b-dropdown__target{border-color:#4494c2;border-bottom-left-radius:0;border-bottom-right-radius:0;z-index:1;box-shadow:0 0 0 3px #c7eaff}.b-dropdown.is--active .b-dropdown__target.has--holder{z-index:auto}.b-dropdown__drop-holder{display:none;width:100%;height:100%;position:absolute;left:0;top:0}.b-dropdown__drop-holder:before{content:'';display:block;float:left;width:1px;height:100%}.b-dropdown.is--prepare .b-dropdown__drop-holder{display:block;visibility:hidden}.b-dropdown.is--active .b-dropdown__drop-holder{display:block;visibility:visible}.b-dropdown__drop-shadow{display:block;border-radius:4px}.b-dropdown__drop-shadow:before{content:'';display:block;clear:both}.b-dropdown.is--active .b-dropdown__drop-shadow{box-shadow:0 0 0 3px #c7eaff}.b-dropdown__drop{display:block;overflow-x:hidden;overflow-y:auto;border:1px solid #b4bec2;border-top:0;border-radius:0 0 4px 4px;position:relative;z-index:2;background:#fff}.b-dropdown.is--active .b-dropdown__drop{border-color:#4494c2}.b-dropdown__content{display:block;padding:4px 0}.b-dropdown__item,.b-dropdown__option{display:block;width:100%;height:auto;padding-top:5px;padding-bottom:5px;border:0;outline:0;box-sizing:border-box;background:transparent;font-family:'Roboto',sans-serif;text-align:left;-webkit-transition:background-color 0.15s ease-in;transition:background-color 0.15s ease-in;cursor:pointer}.b-dropdown__option:hover,.b-dropdown__option:focus,.b-dropdown__option.is--focus{background-color:#c7eaff;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-dropdown__option:active,.b-dropdown__option.is--active{background-color:#b3d6eb}.b-input-viewport,.b-select-viewport{margin:-3px;padding:3px}.b-input,.b-select__origin,.b-select__label{display:block;max-width:100%;border-color:#b4bec2;border-radius:4px;outline:0;margin:0;background:#fdfdfd;color:#323232;font-family:'Roboto',sans-serif;text-align:left;box-shadow:0 0 0 0 #c7eaff;-webkit-transition:box-shadow 0.15s ease-in,border-color 0.15s ease-in,background-color 0.15s ease-in;transition:box-shadow 0.15s ease-in,border-color 0.15s ease-in,background-color 0.15s ease-in}.b-input:focus,input.b-input:focus,.b-select__origin:focus,.b-select__origin:focus + .b-select__label{border-color:#4494c2;box-shadow:0 0 0 3px #c7eaff;-webkit-transition-timing-function:ease-out,ease-out;transition-timing-function:ease-out,ease-out}.b-input.is--error:focus,.b-select__origin.is--error:focus,.b-select__origin.is--error:focus + .b-select__label{border-color:#ff5151;box-shadow:0 0 0 3px #ffd9d9}.b-input[disabled],.b-input.is--disabled,.b-select__origin[disabled],.b-select__origin.is--disabled,.b-select__origin[disabled] + .b-select__label,.b-select__origin.is--disabled + .b-select__label{border-color:#ccc6c6;background-color:#f5f5f5;color:#898484;box-shadow:none;-webkit-transition-timing-function:ease-in,ease-in;transition-timing-function:ease-in,ease-in}textarea.b-input{height:auto;resize:vertical}.b-input::-webkit-input-placeholder{color:#bbb}.b-input::-moz-placeholder{color:#bbb}.b-input:-ms-input-placeholder{color:#bbb}.b-input::placeholder{color:#bbb}.b-input.type--select:invalid{color:#bbb}.b-input.type--select option{color:#323232}.b-select{display:inline-block;max-width:100%;position:relative;white-space:nowrap}.b-select.has--label{z-index:1}.b-select__origin{display:inline-block;vertical-align:middle;max-width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;position:relative}.b-select__origin::-ms-expand{display:none}.b-select.has--label .b-select__origin{z-index:1;opacity:0}.supports--no-js .b-select.has--label .b-select__origin{opacity:1}.b-select__label{display:block;overflow:hidden;width:100%;height:100%;padding-right:30px;position:absolute;left:0;top:0}.supports--no-js .b-select__label{display:none}.b-select__overlay{display:block;width:100%;height:100%;position:absolute;left:0;top:0}.b-select.has--label .b-select__overlay{z-index:1}.supports--mobile-select .b-select__overlay{display:none}.b-select__caret{display:inline-block;vertical-align:middle;width:13px;height:7px;position:relative;margin-top:-1px;margin-left:-24px;margin-right:11px;background:url("/bitrix/templates/.default/techdir-reviews-assets/css/../i/select.svg") no-repeat 50% 50%;pointer-events:none}.b-select.has--label .b-select__caret{z-index:1}.b-file-input{display:block;overflow:hidden;max-width:100%;padding-left:0;padding-right:0;border-left-width:0;border-right-width:0;position:relative}.b-file-input__origin{display:block;width:100%;height:100%;position:absolute;right:0;top:0;font-size:200px;opacity:0}.b-select-toggle{display:inline-block;position:relative}.b-select-toggle__dropdown{display:block;width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;cursor:pointer}.b-select-toggle__dropdown[disabled]{cursor:not-allowed}.b-spins{display:block;width:20px;height:38px;border:0 solid transparent;border-width:1px 1px 0;border-radius:4px;position:relative}.b-spins.box--base{height:38px;border-width:1px 1px 0}.b-spins.box--base-expand{height:50px;border-width:1px 1px 0}.b-spins.box--base-expand-wide{height:50px;border-width:1px 1px 0}.b-spins.box--base-flatten{height:26px;border-width:1px 1px 0}.b-spins.box--origin{height:38px;border-width:1px 1px 0}.b-spins.box--origin-expand{height:43px;border-width:1px 1px 0}.b-spins.box--centi{height:30px;border-width:1px 1px 0}.b-spins.box--centi-flatten{height:26px;border-width:1px 1px 0}.b-spin{display:block;width:100%;height:50%;padding:0;border:1px solid #b4bec2;outline:0;border-radius:inherit;box-sizing:content-box;position:absolute;left:-1px;top:-1px;background:#fdfdfd;-webkit-transition:background-color 0.15s ease-in;transition:background-color 0.15s ease-in;cursor:pointer}.b-spin:before{content:'';display:inline-block;vertical-align:middle;border:3px solid transparent;border-bottom-color:currentColor;position:absolute;left:50%;top:50%;margin-top:-5px;margin-left:-3px}.b-spin:hover,.b-spin:focus{background:#f0f0f0;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-spin.dir--up{border-bottom-left-radius:0;border-bottom-right-radius:0}.b-spin.dir--down{border-top-left-radius:0;border-top-right-radius:0;top:auto;bottom:0}.b-spin.dir--down:before{border-top-color:currentColor;border-bottom-color:transparent;margin-top:-1px}.b-spin.has--symbol:before{display:none}.b-spin-target{-webkit-appearance:none;-moz-appearance:none}.b-spin-target::-webkit-inner-spin-button,.b-spin-target::-webkit-outer-spin-button,.b-spin-target::-webkit-clear-button,.b-spin-target::-webkit-calendar-picker-indicator{display:none}.b-spin-target::-ms-expand,.b-spin-target::-ms-clear{display:none}.b-toggle{display:inline-block;vertical-align:middle;border-radius:19px;position:relative}.b-toggle__origin{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}.b-toggle__bg{display:block;width:100%;height:100%;border:1px solid #b9bbbf;border-radius:19px;box-sizing:content-box;position:absolute;left:-1px;top:-1px;background:#f7f7f7;box-shadow:inset 0 1px 1px #dcdddd;-webkit-transition:0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition-property:border-color,background-color,box-shadow,opacity;transition-property:border-color,background-color,box-shadow,opacity}.b-toggle__origin[disabled] ~ .b-toggle__bg{opacity:0.5}.b-toggle__origin:checked ~ .b-toggle__bg{border-color:#c23c40;background-color:#df383a;box-shadow:inset 0 1px 1px #d6363b}.b-toggle__switch{display:block;width:100%;height:100%;border:0 solid transparent;border-width:0 38px;box-sizing:border-box;position:absolute;left:0;top:0;cursor:pointer}.b-toggle__origin[disabled] ~ .b-toggle__switch{cursor:not-allowed}.b-toggle__switch:after{content:'';display:block;height:100%;border:1px solid #a0a5af;border-radius:19px;box-sizing:content-box;position:absolute;left:-39px;right:100%;top:-1px;background:#fcfcfc;background-image:-webkit-linear-gradient(top, #fcfcfc, #f3f3f3);background-image:linear-gradient(-180deg, #fcfcfc, #f3f3f3);box-shadow:0 2px 3px 0 rgba(121,150,165,0.24);-webkit-transition:0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition-property:left,right,opacity;transition-property:left,right,opacity;-webkit-transition-delay:0s,0.05s,0s;transition-delay:0s,0.05s,0s}.b-toggle__origin[disabled] ~ .b-toggle__switch:after{opacity:0.5}.b-toggle__origin:checked ~ .b-toggle__switch:after{left:100%;right:-39px;-webkit-transition-delay:0.05s,0s,0s;transition-delay:0.05s,0s,0s}.b-toggle__label{display:block;height:0;padding-left:38px;padding-right:3px;position:relative;margin-left:-3px;color:#3d3d3d;text-align:center;opacity:0;-webkit-transition:opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86)}.b-toggle__label.for--on{padding-right:38px;padding-left:3px;margin-left:0;margin-right:-3px;color:#f7f7f7}.b-toggle__label.for--off,.b-toggle__origin:checked ~ .b-toggle__label.for--on{opacity:1}.b-toggle__origin[disabled] ~ .b-toggle__label.for--off,.b-toggle__origin[disabled]:checked ~ .b-toggle__label.for--on{opacity:0.5}.b-toggle__origin:checked ~ .b-toggle__label.for--off{opacity:0}.b-toggle.control-box--base{border-radius:19px}.b-toggle.control-box--base .b-toggle__switch{border-width:0 38px}.b-toggle.control-box--base .b-toggle__switch:after{left:-39px}.b-toggle.control-box--base .b-toggle__origin:checked ~ .b-toggle__switch:after{left:100%;right:-39px}.b-toggle.control-box--base .b-toggle__label{padding-left:38px}.b-toggle.control-box--base .b-toggle__label.for--on{padding-left:0;padding-right:38px}.b-toggle.control-box--base-expand{border-radius:25px}.b-toggle.control-box--base-expand .b-toggle__switch{border-width:0 50px}.b-toggle.control-box--base-expand .b-toggle__switch:after{left:-51px}.b-toggle.control-box--base-expand .b-toggle__origin:checked ~ .b-toggle__switch:after{left:100%;right:-51px}.b-toggle.control-box--base-expand .b-toggle__label{padding-left:50px}.b-toggle.control-box--base-expand .b-toggle__label.for--on{padding-left:0;padding-right:50px}.b-toggle.control-box--base-expand-wide{border-radius:25px}.b-toggle.control-box--base-expand-wide .b-toggle__switch{border-width:0 50px}.b-toggle.control-box--base-expand-wide .b-toggle__switch:after{left:-51px}.b-toggle.control-box--base-expand-wide .b-toggle__origin:checked ~ .b-toggle__switch:after{left:100%;right:-51px}.b-toggle.control-box--base-expand-wide .b-toggle__label{padding-left:50px}.b-toggle.control-box--base-expand-wide .b-toggle__label.for--on{padding-left:0;padding-right:50px}.b-toggle.control-box--base-flatten{border-radius:13px}.b-toggle.control-box--base-flatten .b-toggle__switch{border-width:0 26px}.b-toggle.control-box--base-flatten .b-toggle__switch:after{left:-27px}.b-toggle.control-box--base-flatten .b-toggle__origin:checked ~ .b-toggle__switch:after{left:100%;right:-27px}.b-toggle.control-box--base-flatten .b-toggle__label{padding-left:26px}.b-toggle.control-box--base-flatten .b-toggle__label.for--on{padding-left:0;padding-right:26px}.b-toggle.control-box--origin{border-radius:19px}.b-toggle.control-box--origin .b-toggle__switch{border-width:0 38px}.b-toggle.control-box--origin .b-toggle__switch:after{left:-39px}.b-toggle.control-box--origin .b-toggle__origin:checked ~ .b-toggle__switch:after{left:100%;right:-39px}.b-toggle.control-box--origin .b-toggle__label{padding-left:38px}.b-toggle.control-box--origin .b-toggle__label.for--on{padding-left:0;padding-right:38px}.b-toggle.control-box--origin-expand{border-radius:20.5px}.b-toggle.control-box--origin-expand .b-toggle__switch{border-width:0 41px}.b-toggle.control-box--origin-expand .b-toggle__switch:after{left:-42px}.b-toggle.control-box--origin-expand .b-toggle__origin:checked ~ .b-toggle__switch:after{left:100%;right:-42px}.b-toggle.control-box--origin-expand .b-toggle__label{padding-left:41px}.b-toggle.control-box--origin-expand .b-toggle__label.for--on{padding-left:0;padding-right:41px}.b-toggle.control-box--centi{border-radius:15px}.b-toggle.control-box--centi .b-toggle__switch{border-width:0 30px}.b-toggle.control-box--centi .b-toggle__switch:after{left:-31px}.b-toggle.control-box--centi .b-toggle__origin:checked ~ .b-toggle__switch:after{left:100%;right:-31px}.b-toggle.control-box--centi .b-toggle__label{padding-left:30px}.b-toggle.control-box--centi .b-toggle__label.for--on{padding-left:0;padding-right:30px}.b-toggle.control-box--centi-flatten{border-radius:13px}.b-toggle.control-box--centi-flatten .b-toggle__switch{border-width:0 26px}.b-toggle.control-box--centi-flatten .b-toggle__switch:after{left:-27px}.b-toggle.control-box--centi-flatten .b-toggle__origin:checked ~ .b-toggle__switch:after{left:100%;right:-27px}.b-toggle.control-box--centi-flatten .b-toggle__label{padding-left:26px}.b-toggle.control-box--centi-flatten .b-toggle__label.for--on{padding-left:0;padding-right:26px}.b-range{display:block;border-right:10px solid transparent;position:relative;line-height:16px;text-align:left;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-drag:none}.b-range:after{content:'';display:inline-block;vertical-align:middle;height:100%}.b-range.has--tips{border-bottom:22px solid transparent}.b-range__track,.b-range-options__track{display:block;overflow:hidden;height:15px;border-top:6px solid transparent;border-bottom:6px solid transparent;box-sizing:border-box;position:absolute;left:0;right:-10px;top:50%;margin-top:-6.5px;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-range__track:before,.b-range-options__track:before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#d8d8d8}.b-range__track-active,.b-range-options__track-active{display:block;width:100%;height:100%;position:absolute;left:0;top:0;margin-left:-100%;background:#4f4f4f;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-range__pointer,.b-range-options__pointer,.b-range-option__dot{display:inline-block;vertical-align:middle;width:16px;height:16px;padding:0;border:0;outline:0;position:relative;left:0;margin:0;margin-left:-3px;margin-right:-13px;background:none;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-range__pointer:before,.b-range-options__pointer:before,.b-range-option__dot:before{content:'';display:block;width:100%;height:100%;border:2px solid #fff;border-radius:50%;box-sizing:border-box;background:#4f4f4f;box-shadow:0 2px 4px 0 rgba(0,0,0,0.35);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.15s ease-in;transition:-webkit-transform 0.15s ease-in;transition:transform 0.15s ease-in;transition:transform 0.15s ease-in,-webkit-transform 0.15s ease-in}.b-range__pointer:hover:before,.b-range__pointer:focus:before,.b-range__pointer.is--move:before,.b-range-options__pointer:hover:before,.b-range-options__pointer:focus:before,.b-range-options__pointer.is--move:before{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-range__input{display:none}.b-range__tip{display:block;position:absolute;left:0;top:100%;margin-top:0;color:#4f4f4f;font-size:14px;font-style:italic;line-height:22px}.b-range__tip.dir--end{left:auto;right:0;margin-right:-10px}.supports--no-js .b-range{border-right-width:0;border-bottom-width:0}.supports--no-js .b-range__input{display:block}.supports--no-js .b-range__track,.supports--no-js .b-range__pointer,.supports--no-js .b-range__tip{display:none}.b-range-options{display:block;height:22px;border-right:250px solid transparent;position:relative;white-space:normal;text-align:justify;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-drag:none}.b-range-options:after{content:'';display:inline-block;vertical-align:top;height:1px;width:99%}.b-range-options__track:before{background-color:#717171}.supports--js .b-range-options.has--pointer .b-range-options__track:before{background-color:#d8d8d8}.b-range-options__pointer{display:block;position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto}.supports--js .b-range-options__pointer{display:block}.b-range-option{display:inline-block;vertical-align:top;width:0;height:100%;cursor:pointer;line-height:1;text-align:left;white-space:nowrap}.b-range-option:after{content:'';display:inline-block;vertical-align:middle;height:100%}.b-range-option__dot{-webkit-transform:scale(0.625);transform:scale(0.625);-webkit-transition:-webkit-transform 0.15s ease-in;transition:-webkit-transform 0.15s ease-in;transition:transform 0.15s ease-in;transition:transform 0.15s ease-in,-webkit-transform 0.15s ease-in}.b-range-option__dot:hover,.b-range-option__dot:focus{-webkit-transform:scale(0.8125);transform:scale(0.8125);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-range-option-control:checked + .b-range-option .b-range-option__dot{-webkit-transform:scale(1);transform:scale(1);-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.supports--js .b-range-options.has--pointer .b-range-option__dot{display:none}.b-range-option__value{display:block;width:220px;position:absolute;top:0;left:100%;margin-left:30px;color:#4f4f4f;font-style:italic;line-height:22px;opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-transition:opacity 0.15s ease-in,-webkit-transform 0.15s ease-in;transition:opacity 0.15s ease-in,-webkit-transform 0.15s ease-in;transition:opacity 0.15s ease-in,transform 0.15s ease-in;transition:opacity 0.15s ease-in,transform 0.15s ease-in,-webkit-transform 0.15s ease-in;pointer-events:none;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-range-option-control:checked + .b-range-option .b-range-option__value{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:0.1s,0.1s;transition-delay:0.1s,0.1s;-webkit-transition-timing-function:ease-out,ease-out;transition-timing-function:ease-out,ease-out}.b-range-option-control{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}.b-input-label{display:inline-block;vertical-align:middle;padding-left:0;padding-right:0;border-left:0;border-right:0}.b-input-group{display:inline-table;vertical-align:middle}.supports--flexbox .b-input-group,.supports--flexboxlegacy .b-input-group,.supports--flexboxtweener .b-input-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.b-input-group__item{display:table-cell;vertical-align:top}.supports--flexbox .b-input-group__item,.supports--flexboxlegacy .b-input-group__item,.supports--flexboxtweener .b-input-group__item{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.supports--flexbox .b-input-group__item.width--1x1,.supports--flexboxlegacy .b-input-group__item.width--1x1,.supports--flexboxtweener .b-input-group__item.width--1x1{width:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.b-input-group__addition{display:block;vertical-align:top;min-width:100%}.b-input-group__addition.group--middle,.b-input-group__addition.group--first{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.b-input-group__addition.group--middle,.b-input-group__addition.group--last{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.b-input-group__wrapper{display:block}.b-input-group__control{display:block;vertical-align:top;width:100%;position:relative;z-index:2}.b-input-group__control.group--middle,.b-input-group__control.group--first{border-top-right-radius:0;border-bottom-right-radius:0}.b-input-group__control.group--middle,.b-input-group__control.group--last{border-top-left-radius:0;border-bottom-left-radius:0}.b-input-group__overlay{position:relative;z-index:3}.b-control-group{display:inline-table;max-width:100%;height:0}.b-control-group.layout--fixed{table-layout:fixed}.supports--flexbox .b-control-group,.supports--flexboxlegacy .b-control-group,.supports--flexboxtweener .b-control-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:auto}.b-control-group.dir--vertical{display:inline-block;vertical-align:top;max-width:100%}.b-control-group__item{display:table-cell;vertical-align:top;height:100%}.supports--flexbox .b-control-group__item,.supports--flexboxlegacy .b-control-group__item,.supports--flexboxtweener .b-control-group__item{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto}.supports--flexbox .b-control-group.layout--fixed .b-control-group__item,.supports--flexboxlegacy .b-control-group.layout--fixed .b-control-group__item,.supports--flexboxtweener .b-control-group.layout--fixed .b-control-group__item{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.b-control-group.dir--vertical .b-control-group__item{display:block;width:100%;height:auto}.b-control-group__origin{display:block;vertical-align:top;min-width:100%;max-width:100%;min-height:100% !important}.b-control-group__origin.group--middle,.b-control-group__origin.group--first{border-top-right-radius:0;border-bottom-right-radius:0}.b-control-group.dir--vertical .b-control-group__origin.group--middle,.b-control-group.dir--vertical .b-control-group__origin.group--first{border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}.b-control-group__origin.group--middle,.b-control-group__origin.group--last{border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0}.b-control-group.dir--vertical .b-control-group__origin.group--middle,.b-control-group.dir--vertical .b-control-group__origin.group--last{border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;border-left-width:1px}.b-control-group.dir--vertical .b-control-group__origin.group--last{border-bottom-left-radius:4px}.b-input-panel{display:inline-block;vertical-align:top;max-width:100%;padding:4px;border-radius:4px;box-sizing:border-box;background:#f5f5f5}.b-input-icon,.b-valid-icon{padding-right:30px;box-sizing:border-box;text-align:left;white-space:nowrap}.b-input-icon.layout--inside,.b-valid-icon.layout--inside,.b-input-icon.layout--hanging,.b-valid-icon.layout--hanging{padding-right:0}.b-input-icon__wrap,.b-input-icon__target,.b-valid-icon__wrap,.b-valid-icon__target{display:inline-block;vertical-align:middle;max-width:100%;white-space:normal}.b-input-icon.layout--inside .b-input-icon__target,.b-valid-icon.layout--inside .b-valid-icon__target{padding-right:35px}.b-input-icon__origin,.b-valid-icon__origin{display:inline-block;vertical-align:middle;width:20px;height:20px;margin-left:10px;margin-right:-30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.b-input-icon.layout--inside .b-input-icon__origin,.b-valid-icon.layout--inside .b-valid-icon__origin{margin-left:-29px;margin-right:9px}.b-valid-icon__origin{position:relative;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in;transition:-webkit-transform 0.15s ease-in;transition:transform 0.15s ease-in;transition:transform 0.15s ease-in,-webkit-transform 0.15s ease-in;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-valid-icon__origin:before,.b-valid-icon__origin:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:url("/bitrix/templates/.default/techdir-reviews-assets/css/../i/valid-icon.svg") no-repeat 0 0;background-size:100% auto;opacity:0;-webkit-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in}.b-valid-icon__origin:after{background-position:0 100%}.b-valid-icon__target.is--error ~ .b-valid-icon__origin{-webkit-transform:scale(1);transform:scale(1);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-valid-icon__target.is--error ~ .b-valid-icon__origin:before{opacity:1;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-valid-icon__target.is--success ~ .b-valid-icon__origin,.login-valid ~ .b-valid-icon__origin{-webkit-transform:scale(1);transform:scale(1);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-valid-icon__target.is--success ~ .b-valid-icon__origin:after,.login-valid ~ .b-valid-icon__origin:after{opacity:1;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-placeholder{display:inline-block;vertical-align:top;position:relative}.b-placeholder__origin{display:block;overflow:hidden;width:100%;height:100%;border-color:transparent;position:absolute;left:0;top:0;color:#bbb;font-family:'Roboto',sans-serif;text-align:left;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;opacity:1;-webkit-transition:opacity 0.15s ease-out;transition:opacity 0.15s ease-out}.b-placeholder__target:focus + .b-placeholder__origin,.b-placeholder__target.has--value + .b-placeholder__origin{opacity:0;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.b-placeholder__origin:after{content:'';display:inline-block;vertical-align:middle;height:100%}.b-placeholder__symbol{display:inline-block;position:relative;white-space:pre}.b-placeholder__symbol:before{content:attr(data-symbol)}.b-placeholder__symbol:after{content:attr(data-symbol);display:block;width:100%;height:100%;position:absolute;left:0;top:0;color:#0085cd;opacity:0;-webkit-animation:b-placeholder-symbol 3s linear infinite;animation:b-placeholder-symbol 3s linear infinite;-webkit-animation-delay:inherit;animation-delay:inherit;will-change:opacity}.b-placeholder__target:focus + .b-placeholder__origin .b-placeholder__symbol:after,.b-placeholder__target.has--value + .b-placeholder__origin .b-placeholder__symbol:after{-webkit-animation-play-state:paused;animation-play-state:paused}.b-placeholder__symbol.index--1{-webkit-animation-delay:0.1s;animation-delay:0.1s}.b-placeholder__symbol.index--2{-webkit-animation-delay:0.2s;animation-delay:0.2s}.b-placeholder__symbol.index--3{-webkit-animation-delay:0.3s;animation-delay:0.3s}.b-placeholder__symbol.index--4{-webkit-animation-delay:0.4s;animation-delay:0.4s}.b-placeholder__symbol.index--5{-webkit-animation-delay:0.5s;animation-delay:0.5s}.b-placeholder__symbol.index--6{-webkit-animation-delay:0.6s;animation-delay:0.6s}.b-placeholder__symbol.index--7{-webkit-animation-delay:0.7s;animation-delay:0.7s}.b-placeholder__symbol.index--8{-webkit-animation-delay:0.8s;animation-delay:0.8s}.b-placeholder__symbol.index--9{-webkit-animation-delay:0.9s;animation-delay:0.9s}.b-placeholder__symbol.index--10{-webkit-animation-delay:1s;animation-delay:1s}.b-placeholder__symbol.index--11{-webkit-animation-delay:1.1s;animation-delay:1.1s}.b-placeholder__symbol.index--12{-webkit-animation-delay:1.2s;animation-delay:1.2s}.b-placeholder__symbol.index--13{-webkit-animation-delay:1.3s;animation-delay:1.3s}.b-placeholder__symbol.index--14{-webkit-animation-delay:1.4s;animation-delay:1.4s}.b-placeholder__symbol.index--15{-webkit-animation-delay:1.5s;animation-delay:1.5s}.b-placeholder__symbol.index--16{-webkit-animation-delay:1.6s;animation-delay:1.6s}.b-placeholder__symbol.index--17{-webkit-animation-delay:1.7s;animation-delay:1.7s}.b-placeholder__symbol.index--18{-webkit-animation-delay:1.8s;animation-delay:1.8s}.b-placeholder__symbol.index--19{-webkit-animation-delay:1.9s;animation-delay:1.9s}.b-placeholder__symbol.index--20{-webkit-animation-delay:2s;animation-delay:2s}.b-placeholder__symbol.index--21{-webkit-animation-delay:2.1s;animation-delay:2.1s}.b-placeholder__symbol.index--22{-webkit-animation-delay:2.2s;animation-delay:2.2s}.b-placeholder__symbol.index--23{-webkit-animation-delay:2.3s;animation-delay:2.3s}.b-placeholder__symbol.index--24{-webkit-animation-delay:2.4s;animation-delay:2.4s}.b-placeholder__symbol.index--25{-webkit-animation-delay:2.5s;animation-delay:2.5s}.b-placeholder__symbol.index--26{-webkit-animation-delay:2.6s;animation-delay:2.6s}.b-placeholder__symbol.index--27{-webkit-animation-delay:2.7s;animation-delay:2.7s}.b-placeholder__symbol.index--28{-webkit-animation-delay:2.8s;animation-delay:2.8s}.b-placeholder__symbol.index--29{-webkit-animation-delay:2.9s;animation-delay:2.9s}.b-placeholder__symbol.index--30{-webkit-animation-delay:3s;animation-delay:3s}.b-placeholder__symbol.index--31{-webkit-animation-delay:3.1s;animation-delay:3.1s}.b-placeholder__symbol.index--32{-webkit-animation-delay:3.2s;animation-delay:3.2s}.b-placeholder__symbol.index--33{-webkit-animation-delay:3.3s;animation-delay:3.3s}.b-placeholder__symbol.index--34{-webkit-animation-delay:3.4s;animation-delay:3.4s}.b-placeholder__symbol.index--35{-webkit-animation-delay:3.5s;animation-delay:3.5s}.b-placeholder__symbol.index--36{-webkit-animation-delay:3.6s;animation-delay:3.6s}.b-placeholder__symbol.index--37{-webkit-animation-delay:3.7s;animation-delay:3.7s}.b-placeholder__symbol.index--38{-webkit-animation-delay:3.8s;animation-delay:3.8s}.b-placeholder__symbol.index--39{-webkit-animation-delay:3.9s;animation-delay:3.9s}.b-placeholder__symbol.index--40{-webkit-animation-delay:4s;animation-delay:4s}@-webkit-keyframes b-placeholder-symbol{0%,100%{opacity:0}10%{opacity:1}20%{opacity:0}}@keyframes b-placeholder-symbol{0%,100%{opacity:0}10%{opacity:1}20%{opacity:0}}.b-form-fields:before{content:'';display:block;height:1px;margin-top:-22px;margin-bottom:-1px}.b-form-field{display:block;margin-top:22px}.b-form-field:before{content:'';display:block;height:1px;margin-top:-4px;margin-bottom:-1px}.b-form-field-spacing{margin-top:22px}.b-form-field__label,.b-form-field__controls,.b-form-field__note,.b-form-field__error{margin-top:4px}.b-form-field__label{display:inline-block;vertical-align:top}.b-form-field__controls{display:block}.b-form-field__note{display:block;height:20px;max-width:355px;margin-top:4px;color:#808080;font-style:italic}.b-form-field__note.layout--persistent:after{content:'\00A0'}.b-form-field.has--error .b-form-field__note{display:none}.b-form-field__error{display:none;max-width:355px;color:#f00}.b-form-field.has--error .b-form-field__error{display:block}.b-form-actions{margin-top:33px}.b-form-message.is--empty{display:none}.b-form-message-related{display:none}.b-form-message.is--empty + .b-form-message-related{display:block}.b-form-message.layout--persistent{display:block}.b-form-message.layout--persistent:after{content:'\00A0'}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#000;opacity:0;-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in}.mfp-bg.mfp-ready{opacity:0.5;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.mfp-bg.mfp-removing{opacity:0;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-delay:0.5s;transition-delay:0.5s}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;opacity:0;-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in}.mfp-bg.mfp-ready + .mfp-wrap{opacity:1;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.mfp-bg.mfp-removing + .mfp-wrap,.mfp-wrap.mfp-removing{opacity:0;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-delay:0.5s;transition-delay:0.5s}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 0;box-sizing:border-box;white-space:nowrap}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;max-width:100%;margin:0 auto;text-align:left;z-index:1045;white-space:normal}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;-ms-touch-action:manipulation;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:32px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.mfp-content-anim{opacity:0;-webkit-transform:translate(0, 75px);transform:translate(0, 75px);-webkit-transition:opacity 0.5s cubic-bezier(0.25, 1, 0.35, 1),-webkit-transform 0.5s cubic-bezier(0.25, 1, 0.35, 1);transition:opacity 0.5s cubic-bezier(0.25, 1, 0.35, 1),-webkit-transform 0.5s cubic-bezier(0.25, 1, 0.35, 1);transition:opacity 0.5s cubic-bezier(0.25, 1, 0.35, 1),transform 0.5s cubic-bezier(0.25, 1, 0.35, 1);transition:opacity 0.5s cubic-bezier(0.25, 1, 0.35, 1),transform 0.5s cubic-bezier(0.25, 1, 0.35, 1),-webkit-transform 0.5s cubic-bezier(0.25, 1, 0.35, 1);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.mfp-wrap.mfp-ready .mfp-content-anim{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-delay:0.25s,0.25s;transition-delay:0.25s,0.25s}.mfp-wrap.mfp-removing .mfp-content-anim{opacity:0;-webkit-transform:translate(0, -75px);transform:translate(0, -75px);-webkit-transition-delay:0s,0s;transition-delay:0s,0s}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:0;padding-right:0}}.b-indicator{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}.b-indicator-element{min-width:1px;min-height:1px}.b-rating-stars{display:inline-block;vertical-align:middle;position:relative;top:-1px;margin-left:-0.214285714285714em;direction:rtl;font-size:14px;line-height:1 !important;white-space:nowrap}.b-rating-stars.gutter--wide{margin-left:-0.428571428571429em}.b-rating-stars.hanging--left{left:-2px;margin-right:-2px}.b-rating-star{display:inline-block;vertical-align:top;padding:0;border:0;border-left:0.214285714285714em solid transparent;outline:0;box-sizing:content-box;background:transparent;color:#e0e0e0;-webkit-transition:color 0.15s ease-in,fill 0.15s ease-in;transition:color 0.15s ease-in,fill 0.15s ease-in}.b-rating-star.style--bordered{color:#b4bec2;fill:#fff}.b-rating-stars.gutter--wide .b-rating-star{border-left-width:0.428571428571429em}.b-rating-star__icon{display:block;width:1em;height:1em}.b-rating-star-control{display:block;overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}.b-rating-star-control__target{cursor:pointer}.b-rating-star-control:focus ~ .b-rating-star-control__target,.b-rating-star-control__target:hover ~ .b-rating-star-control__target,.b-rating-star-control__target:hover{color:#e0dbcd;-webkit-transition-timing-function:ease-out,ease-out;transition-timing-function:ease-out,ease-out}.b-rating-star-control:focus ~ .b-rating-star-control__target.style--bordered,.b-rating-star-control__target:hover ~ .b-rating-star-control__target.style--bordered,.b-rating-star-control__target:hover.style--bordered{color:#b7bab4;fill:#fcf7e9}.b-rating-star-control:checked ~ .b-rating-star-control__target,.b-rating-star.is--active ~ .b-rating-star,.b-rating-star.is--active{color:#e8b728;-webkit-transition-timing-function:ease-out,ease-out;transition-timing-function:ease-out,ease-out}.b-rating-star-control:checked ~ .b-rating-star-control__target.style--bordered,.b-rating-star.is--active ~ .b-rating-star.style--bordered,.b-rating-star.is--active.style--bordered{color:#d99938;fill:#e8b728}.b-arrow{display:block;overflow:hidden;width:12px;height:54px;padding:0;border:0;outline:0;background:transparent;text-indent:110%;white-space:nowrap;opacity:0;-webkit-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in;cursor:pointer}.b-arrow:hover,.b-arrow:focus,.b-arrow-repeater:hover ~ .b-arrow{opacity:0.2;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-arrow:active{opacity:0.4;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-arrow.is--disabled,.b-arrow[disabled]{opacity:0}.b-arrow__icon{display:block;width:17px;height:59px;max-width:100%;max-height:100%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;background:url("/bitrix/templates/.default/techdir-reviews-assets/css/../i/arrow.svg") no-repeat 0 0;background-size:100% auto}.b-arrow.dir--next .b-arrow__icon{background-position:0 100%}.b-dots{display:block;text-align:center}.b-dot{display:inline-block;overflow:visible;vertical-align:middle;width:10px;height:10px;padding:0;border:5px solid transparent;border-radius:50%;outline:0;box-sizing:content-box;position:relative;margin:0;background:transparent;text-indent:110%;white-space:nowrap;cursor:pointer}.b-dot:before,.b-dot:after{content:'';display:block;width:100%;height:100%;border:1px solid #000;border-radius:50%;box-sizing:border-box;position:absolute;left:0;top:0;background:#fff;opacity:0.4;-webkit-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in}.b-dot:after{background:#000;-webkit-transform:scale(0.01);transform:scale(0.01);opacity:0;-webkit-transition:opacity 0.15s ease-in,-webkit-transform 0.15s ease-in;transition:opacity 0.15s ease-in,-webkit-transform 0.15s ease-in;transition:opacity 0.15s ease-in,transform 0.15s ease-in;transition:opacity 0.15s ease-in,transform 0.15s ease-in,-webkit-transform 0.15s ease-in}.b-dot.type--video{padding:1px}.b-dot.type--video:after{width:0;height:0;border:0 solid transparent;border-width:3px 0 3px 5px;border-left-color:#000;border-radius:0;right:-1px;bottom:0;margin:auto;background:transparent;-webkit-transform:scale(1) !important;transform:scale(1) !important;opacity:0.4}.b-dot:hover:before,.b-dot:focus:before{opacity:0.6;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-dot:hover:after,.b-dot:focus:after{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0.6;-webkit-transition-timing-function:ease-out,ease-out;transition-timing-function:ease-out,ease-out}.b-dot:active:before,.b-dot.is--active:before{opacity:0.8;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-dot:active:after,.b-dot.is--active:after{-webkit-transform:scale(1);transform:scale(1);opacity:0.8;-webkit-transition-timing-function:ease-out,ease-out;transition-timing-function:ease-out,ease-out}.b-fin-holder{display:inline;margin-bottom:0}.b-fin{display:inline-block;vertical-align:bottom;width:16px;height:14px;fill:#000;/* border-color */color:#fff/* background-color */}.b-fin__icon{display:block;width:100%;height:100%}.b-tab{display:inline-block;vertical-align:bottom;padding:0 0 12px;border:0;outline:0;max-width:100%;position:relative;background:transparent;margin:0;font-size:1em;line-height:1.375;cursor:pointer}.b-tab:after{content:'';display:block;width:100%;height:4px;position:absolute;left:0;bottom:0;background:#3e98ce;font-size:16px;line-height:1.375;opacity:0;-webkit-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in;cursor:pointer}.b-tab.is--active:after{opacity:1;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-tab.is--active .b-tab__link{border-bottom-color:transparent !important;color:#000 !important}.b-pill{display:inline-block;vertical-align:top;padding:6px 13px;border:1px solid transparent;border-radius:4px;outline:0;position:relative;background:transparent;font-size:1em;line-height:1.375;cursor:pointer;-webkit-transition:border-color 0.15s ease-in;transition:border-color 0.15s ease-in}.b-pill.is--active{border-color:#c0c4c5;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-pill__link{position:relative}.b-pill.is--active .b-pill__link{border-bottom-color:transparent !important;color:#323232 !important}.b-popover{display:none;max-width:276px;border:1px solid #ccc;border-color:rgba(0,0,0,0.15);border-radius:6px;position:absolute;z-index:101;top:0;left:0;background-color:#fff;box-shadow:0 1px 6px 0 rgba(0,0,0,0.15);opacity:0;-webkit-transform:translate(0, 0);transform:translate(0, 0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-popover.at--top{margin-top:-11px;-webkit-transform:translate(0, -11px);transform:translate(0, -11px)}.b-popover.at--right{margin-left:11px;-webkit-transform:translate(11px, 0);transform:translate(11px, 0)}.b-popover.at--bottom{margin-top:11px;-webkit-transform:translate(0, 11px);transform:translate(0, 11px)}.b-popover.at--left{margin-left:-11px;-webkit-transform:translate(-11px, 0);transform:translate(-11px, 0)}.b-popover.is--transition{display:block;-webkit-transition:opacity 0.15s ease-in,-webkit-transform 0.15s ease-in;transition:opacity 0.15s ease-in,-webkit-transform 0.15s ease-in;transition:opacity 0.15s ease-in,transform 0.15s ease-in;transition:opacity 0.15s ease-in,transform 0.15s ease-in,-webkit-transform 0.15s ease-in}.b-popover.is--transition-in{-webkit-transition-timing-function:ease-out,ease-out;transition-timing-function:ease-out,ease-out}.b-popover.is--active{display:block;opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.b-popover__content{padding:11px}.b-popover__arrow,.b-popover__arrow:after{display:block;width:0;height:0;border:11px solid transparent;position:absolute}.b-popover__arrow:after{content:'';border-width:10px}.b-popover.at--top .b-popover__arrow{border-top-color:#ccc;border-top-color:rgba(0,0,0,0.15);border-bottom-width:0;bottom:-11px;left:50%;margin-left:-11px}.b-popover.at--top .b-popover__arrow:after{border-top-color:#fff;border-bottom-width:0;bottom:1px;left:50%;margin-left:-10px}.b-popover.at--right .b-popover__arrow{border-right-color:#ccc;border-right-color:rgba(0,0,0,0.15);border-left-width:0;top:50%;left:-11px;margin-top:-11px}.b-popover.at--right .b-popover__arrow:after{border-right-color:#fff;border-left-width:0;top:50%;left:1px;margin-top:-10px}.b-popover.at--bottom .b-popover__arrow{border-bottom-color:#ccc;border-bottom-color:rgba(0,0,0,0.15);border-top-width:0;top:-11px;left:50%;margin-left:-11px}.b-popover.at--bottom .b-popover__arrow:after{border-bottom-color:#fff;border-top-width:0;top:1px;left:50%;margin-left:-10px}.b-popover.at--left .b-popover__arrow{border-left-color:#ccc;border-left-color:rgba(0,0,0,0.15);border-right-width:0;top:50%;right:-11px;margin-top:-11px}.b-popover.at--left .b-popover__arrow:after{border-right-width:0;border-left-color:#fff;top:50%;right:1px;margin-top:-10px}.b-alert{display:block;padding:8px 37px 8px 12px;border:1px solid transparent;border-radius:3px}.b-alert.action--warning{border-color:#cfc493;background-color:#fffcdc;color:#000;box-shadow:0 2px 4px rgba(207,196,147,0.5)}.b-alert.action--warning .b-alert__icon{color:#e6b535}.b-alert-dismiss{display:block;float:right;padding:5px;border:0;outline:0;margin:-5px;margin-right:-30px;background:none;color:#000;opacity:0.3;-webkit-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in;cursor:pointer}.b-alert-dismiss::-moz-focus-inner{border-style:none;padding:0}.b-alert-dismiss:hover,.b-alert-dismiss:focus{opacity:0.75;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-alert-dismiss:active{opacity:0.65;-webkit-transition-timing-function:linear;transition-timing-function:linear}.b-alert-dismiss__icon{display:inline-block;vertical-align:middle;width:10px;height:10px}.b-message.is--error{color:#3e98ce}.b-message.is--success{color:#27bb01}.b-caret{display:inline-block;vertical-align:middle;width:9px;height:5px;position:relative;top:-1px}.b-open-caret,.b-open-caret-complex__target{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 0.15s ease-out;transition:-webkit-transform 0.15s ease-out;transition:transform 0.15s ease-out;transition:transform 0.15s ease-out,-webkit-transform 0.15s ease-out;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-open-caret.is--active,.b-open-caret-complex.is--active .b-open-caret-complex__target{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.b-price-label{display:inline-block;vertical-align:middle;padding:0 10px;border:1px solid #ffed9c;border-radius:3px;background:#ffed9c;color:#323232;font-weight:800;font-family:'Roboto',sans-serif}.b-price-label.offset--left{margin-left:-11px}.b-price-label-align-vert{display:inline-block;vertical-align:middle;border-top:1px solid transparent;border-bottom:1px solid transparent}.b-price-discount{color:#df383a;font-family:'Roboto',sans-serif;text-decoration:line-through}.b-youtube-figure-complex{cursor:pointer}.b-youtube-figure{position:relative;cursor:pointer}.b-youtube-figure__icon{display:block;width:82px;height:57px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;color:#000;opacity:0.75;-webkit-transition:opacity 0.15s ease-in,color 0.15s ease-in;transition:opacity 0.15s ease-in,color 0.15s ease-in}.b-youtube-figure:hover .b-youtube-figure__icon,.b-youtube-figure:focus .b-youtube-figure__icon,.b-youtube-figure-complex:hover .b-youtube-figure__icon,.b-youtube-figure-complex:focus .b-youtube-figure__icon{color:#d51212;opacity:1;-webkit-transition-timing-function:ease-out,ease-out;transition-timing-function:ease-out,ease-out}.b-youtube-figure__icon.dimension--small{width:45px;height:31px}.b-layer{z-index:1}.b-layer.level--delta{z-index:20}.b-layer.level--epsilon{z-index:10}.b-layer.level--base{z-index:1}.b-grid{display:block;margin-left:-30px}.b-grid.layout--flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.b-grid:after{content:'';display:table;clear:both}.b-grid__item{display:block;vertical-align:top;float:left;min-height:1px;border-left:30px solid transparent;box-sizing:border-box}.b-grid.layout--brick > .b-grid__item,.b-grid__item.layout--brick{display:inline-block;float:none}.b-grid.layout--flex > .b-grid__item,.b-grid__item.layout--flex{display:inline-block;float:none}.b-grid.brick--monolith{white-space:nowrap}.b-grid.brick--monolith > .b-grid__item{white-space:normal}.b-grid.layout--justify{text-align:justify}.b-grid.layout--justify:after{margin-top:-22px}.b-grid.layout--justify > .b-grid__item{display:inline-block;float:none;text-align:left}.b-grid__justify{display:inline-block;vertical-align:top;width:99.99%}.b-grid__table{display:table;width:100%}.b-grid__row{display:table-row}.b-grid__cell{display:table-cell;vertical-align:top}.b-grid__table.layout--fixed{table-layout:fixed}.b-grid__table > .b-grid__item,.b-grid__row > .b-grid__item,.b-grid__item.layout--table{display:table-cell;float:none}.b-grid.gutter--peta{margin-left:-80px}.b-grid.gutter--peta > .b-grid__item,.b-grid.gutter--peta > .b-grid__table > .b-grid__item,.b-grid__item.gutter--peta{border-left-width:80px}.b-grid.gutter--giga{margin-left:-60px}.b-grid.gutter--giga > .b-grid__item,.b-grid.gutter--giga > .b-grid__table > .b-grid__item,.b-grid__item.gutter--giga{border-left-width:60px}.b-grid.gutter--mega{margin-left:-50px}.b-grid.gutter--mega > .b-grid__item,.b-grid.gutter--mega > .b-grid__table > .b-grid__item,.b-grid__item.gutter--mega{border-left-width:50px}.b-grid.gutter--kilo{margin-left:-45px}.b-grid.gutter--kilo > .b-grid__item,.b-grid.gutter--kilo > .b-grid__table > .b-grid__item,.b-grid__item.gutter--kilo{border-left-width:45px}.b-grid.gutter--hecto{margin-left:-40px}.b-grid.gutter--hecto > .b-grid__item,.b-grid.gutter--hecto > .b-grid__table > .b-grid__item,.b-grid__item.gutter--hecto{border-left-width:40px}.b-grid.gutter--base{margin-left:-30px}.b-grid.gutter--base > .b-grid__item,.b-grid.gutter--base > .b-grid__table > .b-grid__item,.b-grid__item.gutter--base{border-left-width:30px}.b-grid.gutter--deci{margin-left:-25px}.b-grid.gutter--deci > .b-grid__item,.b-grid.gutter--deci > .b-grid__table > .b-grid__item,.b-grid__item.gutter--deci{border-left-width:25px}.b-grid.gutter--centi{margin-left:-20px}.b-grid.gutter--centi > .b-grid__item,.b-grid.gutter--centi > .b-grid__table > .b-grid__item,.b-grid__item.gutter--centi{border-left-width:20px}.b-grid.gutter--milli{margin-left:-14px}.b-grid.gutter--milli > .b-grid__item,.b-grid.gutter--milli > .b-grid__table > .b-grid__item,.b-grid__item.gutter--milli{border-left-width:14px}.b-grid.gutter--micro{margin-left:-10px}.b-grid.gutter--micro > .b-grid__item,.b-grid.gutter--micro > .b-grid__table > .b-grid__item,.b-grid__item.gutter--micro{border-left-width:10px}.b-grid.gutter--nano{margin-left:-5px}.b-grid.gutter--nano > .b-grid__item,.b-grid.gutter--nano > .b-grid__table > .b-grid__item,.b-grid__item.gutter--nano{border-left-width:5px}.b-grid.gutter--null{margin-left:0px}.b-grid.gutter--null > .b-grid__item,.b-grid.gutter--null > .b-grid__table > .b-grid__item,.b-grid__item.gutter--null{border-left-width:0px}.b-section.dimension--3x1{padding-top:66px;padding-bottom:66px}.b-section.dimension--5x2{padding-top:55px;padding-bottom:55px}.b-section.dimension--2x1{padding-top:44px;padding-bottom:44px}.b-section.dimension--3x2{padding-top:33px;padding-bottom:33px}.b-section.dimension--5x4{padding-top:28px;padding-bottom:28px}.b-section.dimension--base{padding-top:22px;padding-bottom:22px}.b-section.dimension--1x1{padding-top:22px;padding-bottom:22px}.b-section.dimension--3x4{padding-top:17px;padding-bottom:17px}.b-section.dimension--1x2{padding-top:11px;padding-bottom:11px}.b-section.dimension--2x5{padding-top:9px;padding-bottom:9px}.b-section.dimension--1x3{padding-top:7px;padding-bottom:7px}.b-section.dimension--1x4{padding-top:6px;padding-bottom:6px}.b-section.dimension--1x5{padding-top:4px;padding-bottom:4px}.b-section.dimension--1x6{padding-top:4px;padding-bottom:4px}.b-section.dimension--1x8{padding-top:3px;padding-bottom:3px}.b-section.dimension--null{padding-top:0;padding-bottom:0}.b-section.pin--top{padding-top:0}.b-section.pin--bottom{padding-bottom:0}.b-content{display:block;padding-left:20px;padding-right:20px;min-width:980px;max-width:1140px;margin-left:auto;margin-right:auto}.b-content.width--min{width:980px}.b-content.padding--compress{padding-left:35px;padding-right:35px}.b-vertical-stretch{display:table;table-layout:fixed;width:100%;height:100%}.b-vertical-stretch__row{display:table-row}.b-vertical-stretch__cell{display:table-cell;vertical-align:top}.b-vertical-stretch__cell.height--by-content{height:1px}.b-sticky{position:relative;position:-webkit-sticky;position:sticky;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-sticky.sticky--fix{position:fixed;position:-webkit-sticky;position:sticky}@media only screen and (max-width: 767px){.b-sticky.adaptive-sticky--static{position:relative}}.b-pinned-relative{position:relative}.b-pinned{display:block;width:100%;height:0;position:absolute;left:0}.b-pinned.at--top{top:0}.b-pinned.at--bottom{bottom:0}.b-ratio:before{content:'';display:block}.b-ratio.ratio--1x1:before{padding-top:100%}.b-ratio.ratio--16x9:before{padding-top:56.25%}.b-ratio.ratio--4x3:before{padding-top:75%}.b-collapse{display:none;overflow:hidden;box-sizing:border-box;position:relative;max-height:0}.b-collapse.collapse-height--filter-tags-2x{display:block;max-height:91px}.b-collapse.collapse-height--filter-tags-3x{display:block;max-height:128px}.b-collapse.shadow--bottom.can--collapse{padding-bottom:27px}.b-collapse.is--transition{display:block;-webkit-transition:max-height 0.33s ease-in;transition:max-height 0.33s ease-in}.b-collapse.is--prepare{-webkit-transition:none;transition:none}.b-collapse.is--active{display:block;max-height:none}.b-collapse__shadow{display:none;width:100%;padding-top:5px;min-height:22px;position:absolute;z-index:11;left:0;bottom:0;background:repeat-x 0 0;background-image:-webkit-linear-gradient(top, rgba(247,247,247,0) 0px, #f7f7f7 5px);background-image:linear-gradient(to bottom, rgba(247,247,247,0) 0px, #f7f7f7 5px)}.b-collapse.can--collapse .b-collapse__shadow{display:block}.b-compensate:before{content:'';display:block;height:1px;margin-bottom:-1px}.b-compensate.compensate--3x1:before{margin-top:-66px}.b-compensate.compensate--5x2:before{margin-top:-55px}.b-compensate.compensate--2x1:before{margin-top:-44px}.b-compensate.compensate--3x2:before{margin-top:-33px}.b-compensate.compensate--5x4:before{margin-top:-27.5px}.b-compensate.compensate--base:before{margin-top:-22px}.b-compensate.compensate--1x1:before{margin-top:-22px}.b-compensate.compensate--3x4:before{margin-top:-16.5px}.b-compensate.compensate--1x2:before{margin-top:-11px}.b-compensate.compensate--2x5:before{margin-top:-8.8px}.b-compensate.compensate--1x3:before{margin-top:-7.260000000000001px}.b-compensate.compensate--1x4:before{margin-top:-5.5px}.b-compensate.compensate--1x5:before{margin-top:-4.4px}.b-compensate.compensate--1x6:before{margin-top:-3.652px}.b-compensate.compensate--1x8:before{margin-top:-2.75px}.b-compensate.compensate--null:before{margin-top:0}.b-isolate{display:inline-block;width:100%;box-sizing:border-box}.b-tab-targets{display:block;position:relative}.b-tab-target{display:none;width:100%;position:relative}.b-tab-target.is--prepare{display:block;visibility:hidden}.b-tab-target.is--transition{display:block}.b-tab-target.is--transition-out{position:absolute;left:0;top:0}.b-tab-target.is--active{display:block;opacity:1;visibility:visible}.b-media{display:block;padding-left:185px}.b-media:after{content:'';display:table;clear:both}@media only screen and (max-width: 767px){.b-media.adaptive--break{padding-left:0}}@media only screen and (max-width: 480px){.b-media.phone-adaptive--break{padding-left:0}}.b-media__figure{display:block;float:left;width:165px;margin-left:-185px}@media only screen and (max-width: 767px){.b-media.adaptive--break .b-media__figure{float:none;width:auto;margin-left:0;margin-bottom:11px}}@media only screen and (max-width: 480px){.b-media.phone-adaptive--break .b-media__figure{float:none;width:auto;margin-left:0;margin-bottom:11px}}.b-embed-parent{position:relative}.b-embed{position:relative;background:#f3f3f3}.b-embed.relative--parent{width:100%;height:100%;position:absolute;left:0;top:0}.b-backdrop{display:none;width:100%;height:100%;position:absolute;z-index:100;left:0;top:0;background:rgba(0,0,0,0.5);opacity:0;-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-backdrop.is--transition{display:block}.b-backdrop.is--active{display:block;opacity:1;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-expose-viewport{overflow:auto;width:100%;height:100%;box-sizing:border-box;position:fixed;z-index:101;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-expose-viewport__overlay{display:block;width:100%;height:100%;position:absolute;left:0;top:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-drag:none}.b-expose{position:absolute !important;z-index:101}.b-expose-placeholder{visibility:hidden;opacity:0}.b-offcanvas{display:none;width:100%;max-width:480px;height:100%;border-right:45px solid transparent;box-sizing:border-box;position:fixed;z-index:1;left:0;top:0;background:#f7f7f7;color:#1a1a1a;font-family:'Roboto',sans-serif;-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-offcanvas.is--transition,.b-offcanvas.is--active{display:block}.b-offcanvas__viewport{display:block;overflow:auto;width:100%;height:100%}.b-offcanvas__content{padding-left:12px;padding-right:12px}.b-offcanvas-page{position:relative;z-index:2;box-shadow:0 0 5px rgba(0,0,0,0.3);-webkit-transition:-webkit-transform 0.25s ease-out;transition:-webkit-transform 0.25s ease-out;transition:transform 0.25s ease-out;transition:transform 0.25s ease-out,-webkit-transform 0.25s ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-offcanvas-page.transition--disable{-webkit-transition:none;transition:none}.b-offcanvas-page.offcanvas--active{overflow:hidden}.b-tile-grid{display:block;margin-left:-20px}.b-tile-grid:after{content:'';display:table;clear:both}.b-tile-grid:before{content:'';display:block;height:1px;margin-top:-20px;margin-bottom:-1px}.b-tile-grid.compensate--disable:before{display:none}.b-tile-grid__item{display:inline-block;vertical-align:top;width:100%;padding-right:60px;border-left:20px solid transparent;border-top:20px solid transparent;box-sizing:border-box;position:relative}.b-tile-grid__item.tile-width--1x4{padding-right:0px;width:25%}.b-tile-grid__item.tile-width--1x2{padding-right:20px;width:50%}.b-tile-grid__item.tile-width--3x4{padding-right:40px;width:75%}.b-tile-grid__push{display:block;width:25%}.b-tile-grid__push:before{content:'';display:block;padding-top:100%}.b-tile-grid__item.tile-height--2x1 .b-tile-grid__push:before{padding-top:200%;padding-bottom:20px}.b-tile-grid__item.tile-width--1x4 .b-tile-grid__push{width:100%}.b-tile-grid__item.tile-width--1x2 .b-tile-grid__push{width:50%}.b-tile-grid__item.tile-width--3x4 .b-tile-grid__push{width:33.33333333333333%}.b-tile-grid__content{width:100%;height:100%;position:absolute;left:0;top:0}@media only screen and (max-width: 767px){.b-tile-grid{margin-left:-10px}.b-tile-grid:before{margin-top:-10px}.b-tile-grid__item{border-left-width:10px;border-top-width:10px;padding-right:10px}.b-tile-grid__item.tile-width--1x4{padding-right:0px;width:50%}.b-tile-grid__item.tile-width--1x2{padding-right:0px;width:50%}.b-tile-grid__item.tile-width--3x4{padding-right:5px;width:75%}.b-tile-grid__item.adaptive-tile-width--1x2{padding-right:0px;width:50%}.b-tile-grid__item.adaptive-tile-width--3x4{padding-right:5px;width:75%}.b-tile-grid__item.adaptive-tile-width--1x1{padding-right:10px;width:100%}.b-tile-grid__push{display:block;width:50%}.b-tile-grid__push:before{content:'';display:block;padding-top:100%;padding-bottom:0}.b-tile-grid__item.tile-height--2x1 .b-tile-grid__push:before{padding-top:200%;padding-bottom:10px}.b-tile-grid__item.adaptive-tile-height--2x1 .b-tile-grid__push{padding-top:200%;padding-bottom:10px}.b-tile-grid__item.tile-width--1x4 .b-tile-grid__push{width:100%}.b-tile-grid__item.tile-width--1x2 .b-tile-grid__push{width:100%}.b-tile-grid__item.tile-width--3x4 .b-tile-grid__push{width:66.66666666666666%}.b-tile-grid__item.adaptive-tile-width--1x2 .b-tile-grid__push{width:100%}.b-tile-grid__item.adaptive-tile-width--3x4 .b-tile-grid__push{width:66.66666666666666%}.b-tile-grid__item.adaptive-tile-width--1x1 .b-tile-grid__push{width:50%}}.b-badge{display:inline-block;padding:0.25em 0.5em;min-width:1.5em;height:1.5em;max-width:100%;box-sizing:border-box;font-size:12px;line-height:1 !important;white-space:nowrap}.b-badge.hanging--top{vertical-align:middle;position:absolute;margin-top:-0.675em;margin-left:-0.675em}.b-badge.corner--circle{border-radius:0.75em;padding-left:0.1em;padding-right:0.1em}.b-badge.action--note{background:#fcf8ce;color:#323232}.b-badge.action--primary{background:#e3373a;color:#fff}.b-badge.action--primary-negative{background:#fff;color:#e3373a}.b-logo{display:block;width:214px;background:url("/bitrix/templates/.default/techdir-reviews-assets/css/../i/logo.png") no-repeat;background-size:100% auto}.b-logo:before{content:'';display:block;padding-top:30.373831775700932%}.b-header{background:#fdfdfd;box-shadow:0 3px 5px #d6d9da}.b-header-search .b-dropdown,.b-header-search .b-placeholder{display:block;width:100%}.b-navbar-backdrop{display:none;width:100%;height:100%;position:fixed;z-index:51;left:0;top:0;background:rgba(0,0,0,0.5);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-drag:none}.b-navbar-backdrop.is--active{display:block}.b-navbar{display:block;border-radius:3px 3px 0 0;position:relative;background:#333437;color:#fff;font-family:'Roboto',sans-serif}.b-navbar-backdrop.is--active + .b-navbar{z-index:51}.b-navbar__wrap{display:table;width:100%;height:1px}.b-navbar__item{display:table-cell;vertical-align:top;height:100%;width:15%}.b-navbar__root{display:block;padding:10px 10px 10px 48px;width:100%;height:56px;min-height:100%;box-sizing:border-box;position:relative;font-size:15px;line-height:1.2;color:#fff;text-decoration:none !important;cursor:pointer}.b-navbar__root.pos--first{border-top-left-radius:3px}.b-navbar__root.pos--last{border-top-right-radius:3px}.b-navbar__root:hover,.b-navbar__root:focus{background-color:rgba(255,255,255,0.2)}.b-navbar__root:after{content:'';display:none;width:100%;height:4px;padding:1px 0;position:absolute;z-index:52;left:0;bottom:0;background:#fff}.b-navbar__root:before{content:'';display:none;width:100%;height:3px;position:absolute;left:0;bottom:0;background:#df383a}.b-navbar__root.is--active:before{display:block}.b-navbar__root.dropdown--active{background:#fff;color:#000;box-shadow:0 0 4px rgba(113,113,113,0.5)}.b-navbar__root.dropdown--active:before{display:none}.b-navbar__root.dropdown--active:after{display:block}.b-navbar__icon{display:inline-block;vertical-align:middle;width:34px;height:34px;position:absolute;left:10px;top:10px}.b-navbar__dropdown{display:none;width:100%;padding:44px 30px;border-radius:0 0 3px 3px;position:absolute;z-index:51;left:0;top:100%;background:#fff;box-shadow:0 0 4px rgba(113,113,113,0.5)}.b-navbar__dropdown.is--active{display:block}.b-navbar__grid.level--4{margin-bottom:22px}.b-navbar__cell.level--2{min-width:16.66%}.b-navbar__picture.level--2{margin-left:auto;margin-right:auto}.b-navbar__picture.level--2.offset-v--top,.b-navbar__picture.level--2.offset-v--both{margin-top:-20px}.b-navbar__picture.level--2.offset-v--bottom,.b-navbar__picture.level--2.offset-v--both{margin-bottom:-20px}.b-navbar__picture.level--2.layout--alone{overflow:hidden;height:72px;margin-left:0;margin-bottom:8px;background-position:0 50%}.b-navbar__picture.level--3{width:40px;height:50px;box-sizing:content-box}.b-navbar__picture.level--3.offset-h--left,.b-navbar__picture.level--3.offset-h--both{padding-left:10px;margin-left:-10px;background-position:100% 50%}.b-navbar__picture.level--3.offset-h--right,.b-navbar__picture.level--3.offset-h--both{padding-right:10px;margin-right:-10px;background-position:0 50%}.b-navbar__picture.level--3.offset-v--top,.b-navbar__picture.level--3.offset-v--both{padding-top:10px;margin-top:-10px;background-position:50% 0}.b-navbar__picture.level--3.offset-v--bottom,.b-navbar__picture.level--3.offset-v--both{padding-bottom:10px;margin-bottom:-10px;background-position:50% 100%}.b-navbar__picture.level--3.offset-h--both,.b-navbar__picture.level--3.offset-v--both{background-position:50% 50%}.b-navbar__picture-origin{background-position:0 50%}.b-navbar-media{display:block;margin-left:-30px}.b-navbar-media:after{content:'';display:table;clear:both}.b-navbar-media__picture{display:block;float:left;width:25%;border-left:30px solid transparent}.b-navbar-media.layout--narrow .b-navbar-media__picture{width:22.5%}.b-navbar-media.layout--wide .b-navbar-media__picture{width:33.33%}.b-navbar-media__picture-wrap{display:block;margin-right:-10px}.b-navbar-media.layout--narrow .b-navbar-media__picture-wrap{margin-right:0}.b-navbar-media__content{display:block;float:right;width:75%;border-left:30px solid transparent}.b-navbar-media.layout--narrow .b-navbar-media__content{width:77.5%}.b-navbar-media.layout--wide .b-navbar-media__content{width:66.66%}.b-gallery{display:block;border:1px solid #c8c8c8;position:relative;background:#fff}.b-gallery__viewport{display:block;overflow:hidden;position:relative}.b-gallery.hack--safari-border .b-gallery__viewport{border-left:1px solid #fff;border-right:1px solid #fff}.b-gallery__slidee{display:block;width:100% !important;position:relative;white-space:nowrap}.b-gallery__item{display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;background:#fff}.b-gallery__item.has--click-next{cursor:pointer}.b-gallery.hack--safari-border .b-gallery__item{border-left:1px solid transparent;border-right:1px solid transparent}.b-gallery__dots{display:block;position:absolute;left:0;right:0;bottom:5px;margin-left:auto;margin-right:auto}.b-gallery__arrow{height:100%;width:25%;max-width:72px;position:absolute;left:0;top:0}.b-gallery__arrow.dir--next{left:auto;right:0}.b-gallery__zoom-button{position:absolute;right:0;bottom:0}.b-carousel{position:relative;cursor:-webkit-grab;cursor:grab}.b-carousel__viewport{display:block;overflow:hidden;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-carousel__holder{display:block;overflow:visible !important;position:relative}.b-carousel__slidee{display:block;width:100% !important;position:relative;white-space:nowrap;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-carousel__item{display:inline-block;vertical-align:top;float:none;position:relative;white-space:normal}.b-carousel__item-content{display:none}.b-carousel__item.is--visible .b-carousel__item-content,.b-carousel__item.is--visible-before .b-carousel__item-content,.b-carousel__item.is--visible-after .b-carousel__item-content{display:block}.b-carousel__shadow{display:block;height:100%;max-height:321px;padding:17px 0;width:35px;box-sizing:content-box !important;position:absolute;z-index:10;top:-17px;background:no-repeat 100% 50%;background-size:100% 100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;-webkit-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in}.b-carousel__shadow.dir--left{left:-14px;background-image:url("/bitrix/templates/.default/techdir-reviews-assets/css/../../initial/img/slider-shadow-left.png")}.b-carousel__shadow.dir--right{background-image:url("/bitrix/templates/.default/techdir-reviews-assets/css/../../initial/img/slider-shadow-right.png");background-position:0 50%;right:-14px}.b-carousel__shadow.is--active{opacity:1;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-panel-tabs{display:table;table-layout:fixed;width:100%}.b-panel-tabs__item{display:table-cell;vertical-align:top;height:100%;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}.b-panel-tabs__item:first-child{border-left:0}.b-panel-tab{display:block;width:100%;padding:14px 5px;border:0;outline:0;box-sizing:border-box;position:relative;margin:0;background:transparent;font-family:inherit;font-size:1em;line-height:1.375;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-drag:none}.b-panel-tab:after{content:'';display:block;width:100%;height:4px;position:absolute;left:0;bottom:0;background:#3e98ce;opacity:0;-webkit-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in}.b-panel-tab.is--active{color:inherit}.b-panel-tab.is--active:after{opacity:1;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-panel-tab[disabled]{color:inherit;opacity:0.5}.b-panel-tab.is--active .b-panel-tab__link,.b-panel-tab[disabled] .b-panel-tab__link{color:inherit !important;border-bottom-color:transparent !important}.b-panel{display:block;border-radius:6px;background:#fff;color:#000;box-shadow:0 1px 6px 0 rgba(0,0,0,0.15)}.b-panel.style--dashed{border:1px dashed #cbcbcb;background:transparent;box-shadow:none}.b-panel.style--attention{border:1px solid #dbd1a4;background:#fffef2;color:#383838;box-shadow:0 0 6px #ece8d5}.b-panel.style--highlight{border:1px solid #cfc493;background:#fffcdc;box-shadow:0 2px 4px 0 rgba(207,195,147,0.5)}.b-panel.style--inside{border:1px solid #dcdfe0;background:#fdfdfd;box-shadow:none}.b-panel.style--flatten{border:1px solid #dcdfe0;box-shadow:none}.b-panel.style--transparent{border-color:transparent;background:transparent;box-shadow:none}.b-panel.depth--null{box-shadow:none}.b-panel.corner--strong{border-radius:3px}.b-panel__fill{background:#fff}.b-panel.style--dashed .b-panel__fill{background:transparent}.b-panel.style--attention .b-panel__fill{background:#fffef2}.b-panel.style--highlight .b-panel__fill{background:#fffcdc}.b-panel.style--inside .b-panel__fill{background:#fdfdfd}.b-panel.style--transparent .b-panel__fill{background:transparent}.b-panel__body,.b-panel__footer{display:block;padding-top:22px;padding-bottom:22px}.b-panel__body.dimension--beta-top,.b-panel__footer.dimension--beta-top,.b-panel__body.dimension--beta,.b-panel__footer.dimension--beta{padding-top:44px}.b-panel__body.dimension--beta-bottom,.b-panel__footer.dimension--beta-bottom,.b-panel__body.dimension--beta,.b-panel__footer.dimension--beta{padding-bottom:44px}.b-panel__body.dimension--gamma-top,.b-panel__footer.dimension--gamma-top,.b-panel__body.dimension--gamma,.b-panel__footer.dimension--gamma{padding-top:33px}.b-panel__body.dimension--gamma-bottom,.b-panel__footer.dimension--gamma-bottom,.b-panel__body.dimension--gamma,.b-panel__footer.dimension--gamma{padding-bottom:33px}.b-panel__body.dimension--base-top,.b-panel__footer.dimension--base-top,.b-panel__body.dimension--base,.b-panel__footer.dimension--base{padding-top:22px}.b-panel__body.dimension--base-bottom,.b-panel__footer.dimension--base-bottom,.b-panel__body.dimension--base,.b-panel__footer.dimension--base{padding-bottom:22px}.b-panel__body.dimension--centi-top,.b-panel__footer.dimension--centi-top,.b-panel__body.dimension--centi,.b-panel__footer.dimension--centi{padding-top:15px}.b-panel__body.dimension--centi-bottom,.b-panel__footer.dimension--centi-bottom,.b-panel__body.dimension--centi,.b-panel__footer.dimension--centi{padding-bottom:15px}.b-panel__body.dimension--milli-top,.b-panel__footer.dimension--milli-top,.b-panel__body.dimension--milli,.b-panel__footer.dimension--milli{padding-top:11px}.b-panel__body.dimension--milli-bottom,.b-panel__footer.dimension--milli-bottom,.b-panel__body.dimension--milli,.b-panel__footer.dimension--milli{padding-bottom:11px}.b-panel__body.dimension--null-top,.b-panel__footer.dimension--null-top,.b-panel__body.dimension--null,.b-panel__footer.dimension--null{padding-top:0}.b-panel__body.dimension--null-bottom,.b-panel__footer.dimension--null-bottom,.b-panel__body.dimension--null,.b-panel__footer.dimension--null{padding-bottom:0}.b-panel__section{display:block;padding-left:20px;padding-right:20px}.b-panel__section.dimension--zeta-left,.b-panel__section.dimension--zeta{padding-left:30px}.b-panel__section.dimension--zeta-right,.b-panel__section.dimension--zeta{padding-right:30px}.b-panel__section.dimension--eta-left,.b-panel__section.dimension--eta{padding-left:25px}.b-panel__section.dimension--eta-right,.b-panel__section.dimension--eta{padding-right:25px}.b-panel__section.dimension--base-left,.b-panel__section.dimension--base{padding-left:20px}.b-panel__section.dimension--base-right,.b-panel__section.dimension--base{padding-right:20px}.b-panel__section.dimension--centi-left,.b-panel__section.dimension--centi{padding-left:15px}.b-panel__section.dimension--centi-right,.b-panel__section.dimension--centi{padding-right:15px}.b-panel__section.dimension--milli-left,.b-panel__section.dimension--milli{padding-left:11px}.b-panel__section.dimension--milli-right,.b-panel__section.dimension--milli{padding-right:11px}.b-panel__section.dimension--null-left,.b-panel__section.dimension--null{padding-left:0}.b-panel__section.dimension--null-right,.b-panel__section.dimension--null{padding-right:0}.b-panel__section.shadow--top{border-top:1px solid #979797;border-top-color:rgba(151,151,151,0.3);box-shadow:inset 0 6px 6px -6px rgba(0,0,0,0.15)}.b-panel__section .answer-block{}.b-panel__section .answer-block:after{display:block;float:none;content:'';clear:both}.b-panel__section .answer-block a{float: right;margin: 0 0 10px;color: inherit;}.b-panel__section .answer-block .textarea{width: 100%;float: right;}.b-panel__section .answer-block .textarea textarea{margin: 10px 0 10px;width: 100%;}.b-panel__section .answer-block .textarea button{float: right;}.answer-block .textarea .b-grid__item:last-child{border-left: 0;}.answer-block .title{color: #808080 !important;}.answer-block .title span{display:inline-block;margin-right:10px;}.answer-block .title img{height: 12px;}.answer-block .author{font-weight: bold}.b-panel__footer{border-radius:0 0 6px 6px;}.b-panel__button{display:block;width:100%;padding:0;border:0}.b-panel__button.pin--top,.b-panel__button.pin--both{border-top-left-radius:6px;border-top-right-radius:6px}.b-panel__button.pin--bottom,.b-panel__button.pin--both{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.b-area{display:block;border:1px solid transparent;border-radius:5px}.b-area__body{padding-top:12px;padding-bottom:12px}.b-area__section{padding-left:12px;padding-right:12px}.b-area.style--note{border-color:#e1e0d4;background:#faf8e1}.b-area.style--dashed{border-style:dashed;border-color:#cbcbcb;background:#fff}.b-area-fin{margin-bottom:-1px}.b-area-fin.style--note{fill:#e1e0d4;color:#faf8e1}.b-area-fin.style--dashed{fill:#cbcbcb;color:#fff}.b-props-table{display:table;table-layout:fixed;width:100%}.b-props-table__row{display:table-row;border-bottom:1px solid #979797;border-bottom-color:rgba(151,151,151,0.3)}.b-props-table__label,.b-props-table__value{display:table-cell;vertical-align:top;padding-top:4px;padding-bottom:4px}.b-props-table__label{width:45%;padding-right:10px;box-sizing:border-box}.b-props-table__value{width:55%}.b-list-group{display:block;overflow:hidden;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#323232;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-list-group:before{content:'';display:block;height:1px;margin-top:-1px;margin-bottom:-1px}.b-list-group.layout--inside{border-radius:3px}.b-list-group__header,.b-list-group__item,.b-list-group__button{display:block;padding-left:15px;padding-right:15px;border-top:1px solid #d9d9d9}.b-list-group__header{padding-top:6px;padding-bottom:6px;background:#f7f7f7;color:#000}.b-list-group__item{padding-top:11px;padding-bottom:11px;position:relative;background:#fff;-webkit-transition:background-color 0.15s ease-out;transition:background-color 0.15s ease-out}.b-list-group__item.highlight--transition{-webkit-animation:b-list-group-item-hightlight-transition 0.5s ease-in-out 2;animation:b-list-group-item-hightlight-transition 0.5s ease-in-out 2}.b-list-group__item.dimension--mega{padding-top:22px;padding-bottom:22px}.b-list-group__item-bg{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:repeat-x 0 0;background-image:-webkit-linear-gradient(left, #fff, #e2f4ff);background-image:linear-gradient(to right, #fff, #e2f4ff);opacity:0;-webkit-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in}.b-list-group__item:hover > .b-list-group__item-bg,.b-list-group__item:focus > .b-list-group__item-bg{opacity:0.5;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-list-group__item:active > .b-list-group__item-bg,.b-list-group__item.is--active > .b-list-group__item-bg{opacity:0.5;-webkit-transition-timing-function:linear;transition-timing-function:linear}.b-list-group__item.is--disabled{background-color:#f7f7f7;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.b-list-group__item.is--disabled > .b-list-group__item-bg,.b-list-group__item.is--readonly > .b-list-group__item-bg{opacity:0}.b-list-group__item-content{display:block;position:relative;-webkit-transition:opacity 0.15s ease-out;transition:opacity 0.15s ease-out}.b-list-group__item.is--disabled > .b-list-group__item-content,.b-list-group__item.is--disabled > .b-list-group__item-wrap > .b-list-group__item-content{opacity:0.4;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;pointer-events:none}.b-list-group__item-layer{position:relative}.b-list-group__button{display:block;width:100%;border-left:0;border-right:0;border-bottom:0;border-radius:0;color:#4e4e4e}.b-list-group__button.action--default{color:#4e4e4e}@-webkit-keyframes b-list-group-item-hightlight-transition{0%,100%{background-color:rgba(255,252,153,0)}50%{background-color:rgba(255,252,153,0.9)}}@keyframes b-list-group-item-hightlight-transition{0%,100%{background-color:rgba(255,252,153,0)}50%{background-color:rgba(255,252,153,0.9)}}.b-hover-reveal__target{opacity:0;-webkit-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-hover-reveal:hover .b-hover-reveal__target,.b-hover-reveal__target:focus,.supports--touchevents .b-hover-reveal__target.touch--persistent{opacity:1;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-sibling-reveal__target{opacity:0;-webkit-transition:opacity 0.15s ease-in;transition:opacity 0.15s ease-in;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-sibling-reveal:hover + .b-sibling-reveal__target,.b-sibling-reveal__target:hover,.supports--touchevents .b-sibling-reveal__target.touch--persistent{opacity:1;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-contents-row{display:table;width:100%}.b-contents-row__title{display:table-cell;vertical-align:top;padding-right:10px;/* min offset with title and price */position:relative}.b-contents-row__title:after,.b-contents-row__dots:after{content:". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";display:inline-block;overflow:hidden;height:1.375em;border-left:2px solid transparent;/* dots left offset */position:absolute;text-align:right;white-space:normal;letter-spacing:-0.0625em}.b-contents-row.dot--opacify .b-contents-row__title:after,.b-contents-row.dot--opacify .b-contents-row__dots:after{opacity:0.33}.b-contents-row__title.has--dots:after{display:none}.b-contents-row__value{display:table-cell;vertical-align:bottom;width:0.01%;padding-left:4px;/* dots right offset */white-space:nowrap;text-align:right}.b-contents-row__value.has--option{white-space:normal}.b-contents-row__option{white-space:nowrap}.b-active-hidden.is--transition{-webkit-transition:opacity 0.15s ease-in-out;transition:opacity 0.15s ease-in-out}.b-active-hidden.is--active{opacity:0}.b-active-hidden.is--active:not(.is--transition){display:none}.b-inactive-hidden{opacity:0;-webkit-transition:opacity 0.15s ease-in-out;transition:opacity 0.15s ease-in-out}.b-inactive-hidden.is--active{opacity:1}.b-inactive-hidden:not(.is--transition):not(.is--active):not(.layout--persistent){display:none}.b-notifications-holder{min-height:0;position:absolute;left:0;top:0;right:0}.b-notifications-align{float:right;position:relative}.b-notifications{display:block;width:200px;border-radius:0 0 3px 3px;position:fixed;z-index:151;top:-1px;margin-left:-200px;background:#fff;box-shadow:0 0 0 rgba(0,0,0,0.3);-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-notifications.is--transition{-webkit-transition:box-shadow 0.33s ease-in;transition:box-shadow 0.33s ease-in}.b-notifications.is--active{box-shadow:0 0 5px rgba(0,0,0,0.3)}.b-notification{display:block;overflow:hidden;max-height:0}.b-notification.is--transition{-webkit-transition:max-height 0.33s ease-in;transition:max-height 0.33s ease-in}.b-notification.is--transition-in{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-notification.is--prepare{-webkit-transition:none;transition:none}.b-notification.is--active{max-height:none}.b-notification__content{display:block;padding:11px 15px;border-top:1px solid #eee}.b-loader-dots{display:inline-block;vertical-align:top;overflow:hidden;position:relative;text-align:left}.b-loader-dots.layout--hanging{position:absolute}.b-loader-dots__content{display:block;position:relative;-webkit-animation:b-loader-dots-animation 1s ease infinite;animation:b-loader-dots-animation 1s ease infinite;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-loader-dots__content:before,.b-loader-dots__content:after{content:'.';display:block;width:100%;height:100%;position:absolute;left:0;top:100%}.b-loader-dots__content:after{content:'..';top:auto;bottom:100%}@-webkit-keyframes b-loader-dots-animation{0%,33.329%,100%{-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}33.33%,66.659%{-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}66.66%,99.99%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes b-loader-dots-animation{0%,33.329%,100%{-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}33.33%,66.659%{-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}66.66%,99.99%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.b-product-code{display:inline-block;vertical-align:text-bottom;padding:1px 5px;border:1px solid #c7cbd3;border-radius:3px;font-size:15px;line-height:1.266666666666667}.b-modal-content{position:relative;box-shadow:0 0 15px rgba(0,0,0,0.5)}.b-product-card-viewport{padding:12px;margin:-12px}.b-product-card{display:block;position:relative}.b-product-card.width--fixed{width:266px}.b-product-card__wrap{display:block;padding:20px 20px 100px;border:1px solid #dcdfe0 !important;border-radius:4px;position:relative;background:#fff;box-shadow:0 1px 2px #dfe3e5;font-family:'Roboto',sans-serif;-webkit-transition:box-shadow 0.15s ease-in;transition:box-shadow 0.15s ease-in}.b-product-card:hover .b-product-card__wrap,.b-product-card__wrap:focus{box-shadow:0 2px 10px #d5d9db;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-product-card.has--review .b-product-card__wrap{padding-bottom:120px}.b-product-card.highlight--transition .b-product-card__wrap{-webkit-animation:b-product-card-highlight 0.5s ease-in-out 2;animation:b-product-card-highlight 0.5s ease-in-out 2}.b-product-card__figure{max-height:180px}.b-product-card__figure:before{content:'';display:block;padding-top:100%}.b-product-card__caption{display:block;width:100%;padding:5px 27px 20px;border-radius:0 0 4px 4px;box-sizing:border-box;position:absolute;left:0;bottom:0;background:#fff;background-color:rgba(255,255,255,0.8);word-wrap:break-word}.b-product-card__title{display:block;font-size:13px;line-height:1.538461538461539}.b-product-card__prices{display:block;margin-top:11px;margin-left:-8px;line-height:1;direction:rtl;text-align:left}.b-product-card__price{display:inline-block;vertical-align:bottom;margin-left:8px;line-height:1.375;direction:ltr}.b-product-card__price.type--discount{margin-top:-8px}.b-product-card__price.type--label{margin-left:1px}.b-product-card__actions-holder{padding-right:55px;min-height:20px}.b-product-card__actions{display:block;position:absolute;right:21px;bottom:21px;white-space:nowrap}.b-product-card__actions:before{content:'';display:inline-block;vertical-align:middle;height:25px}.b-product-card__action{display:inline-block;vertical-align:middle;margin-right:0;margin-left:5px;cursor:pointer}.b-product-card__action:first-child{margin-left:0}@-webkit-keyframes b-product-card-highlight{50%{box-shadow:0 0 12px 0 rgba(255,249,16,0.9)}}@keyframes b-product-card-highlight{50%{box-shadow:0 0 12px 0 rgba(255,249,16,0.9)}}.b-offcanvas-button{display:block;width:100%;padding:11px 12px;border-bottom:1px solid #d7d7d7;box-sizing:border-box;background:#eee;color:#000;font-size:17px;line-height:1.294117647058824;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-drag:none}.b-offcanvas-button:hover,.b-offcanvas-button:focus{background:#e2e2e2;border-bottom-color:#d7d7d7;color:#000;text-decoration:none}.b-window-up{display:block;border:0;border-radius:4px;width:50px;height:50px;position:fixed;right:35px;bottom:100px;z-index:100;background:#f7f7f7 url("/bitrix/templates/.default/techdir-reviews-assets/css/../i/uparrow.png") no-repeat 50% 50%;box-shadow:0 2px 12px rgba(76,80,82,0.48);opacity:0;-webkit-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-drag:none}.b-window-up.is--active{opacity:0.8}.b-window-up.is--active:hover,.b-window-up.is--active:focus{opacity:1;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}@media (min-width: 1380px){.b-window-up{left:50%;right:auto;margin-left:605px}}@media only screen and (max-width: 767px){.b-window-up{left:auto;right:20px;bottom:20px;width:32px;height:32px;margin-left:0}}.b-tile{display:block;overflow:hidden;position:relative;background:#f3f3f3;text-decoration:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-drag:none}.b-tile,.b-tile:hover,.b-tile:focus{color:inherit}.b-tile.relative--grid{width:100%;height:100%;position:absolute;left:0;top:0}.b-tile__bg{display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:no-repeat 50% 50%;background-size:cover;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 2s ease-in;transition:-webkit-transform 2s ease-in;transition:transform 2s ease-in;transition:transform 2s ease-in,-webkit-transform 2s ease-in;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.b-tile:hover .b-tile__bg,.b-tile:focus .b-tile__bg{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.b-tile__caption-place{display:block;width:100%;padding:0 20px 20px;position:absolute;left:0;bottom:0}.b-tile__caption{display:inline-block;vertical-align:top;padding:4px 10px;max-width:100%;box-sizing:border-box;background:#d51212;color:#fff}.b-tile__link{color:#fff;border-bottom:1px solid transparent}.b-tile:hover .b-tile__link,.b-tile:focus .b-tile__link{color:#fff;border-bottom-color:rgba(255,255,255,0.3)}@media only screen and (max-width: 767px){.b-tile__caption-place{padding:0 10px 10px}}.highlight--transition{-webkit-animation:global-highlight--transition 0.5s ease-in-out 2;animation:global-highlight--transition 0.5s ease-in-out 2}.text-highlight--transition{-webkit-animation:global-text-highlight--transition 0.5s ease-in-out 2;animation:global-text-highlight--transition 0.5s ease-in-out 2}@-webkit-keyframes global-highlight--transition{50%{box-shadow:0 0 12px rgba(255,249,16,0.9)}}@keyframes global-highlight--transition{50%{box-shadow:0 0 12px rgba(255,249,16,0.9)}}@-webkit-keyframes global-text-highlight--transition{50%{text-shadow:0 0 12px rgba(255,249,16,0.9)}}@keyframes global-text-highlight--transition{50%{text-shadow:0 0 12px rgba(255,249,16,0.9)}}.collapse--transition{overflow:hidden;-webkit-transition:max-height 0.33s ease-in;transition:max-height 0.33s ease-in}.collapse--prepare{-webkit-transition:none;transition:none}.bounce--transition{-webkit-animation:bounce 1s;animation:bounce 1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}90%{-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}90%{-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}}.transition--slide-up,.transition--slide-left,.transition--slide-right,.transition--slide-down{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.transition--slide-up.is--transition,.transition--slide-left.is--transition,.transition--slide-right.is--transition,.transition--slide-down.is--transition{-webkit-transition:opacity 0.25s ease-in,-webkit-transform 0.25s ease-in;transition:opacity 0.25s ease-in,-webkit-transform 0.25s ease-in;transition:opacity 0.25s ease-in,transform 0.25s ease-in;transition:opacity 0.25s ease-in,transform 0.25s ease-in,-webkit-transform 0.25s ease-in}.transition--slide-up.is--transition-in,.transition--slide-left.is--transition-in,.transition--slide-right.is--transition-in,.transition--slide-down.is--transition-in{-webkit-transition-timing-function:ease-out,ease-out;transition-timing-function:ease-out,ease-out}.transition--slide-up.is--active,.transition--slide-left.is--active,.transition--slide-right.is--active,.transition--slide-down.is--active{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.transition--slide-up{-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}.transition--slide-left{-webkit-transform:translate(30px, 0);transform:translate(30px, 0)}.transition--slide-right{-webkit-transform:translate(-30px, 0);transform:translate(-30px, 0)}.transition--slide-down{-webkit-transform:translate(0, -30px);transform:translate(0, -30px)}.transition--fade{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.transition--fade.is--transition{-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in}.transition--fade.is--transition-in{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.transition--fade.is--active{opacity:1}.transition--scale-up,.transition--scale-down{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}.transition--scale-up.is--transition,.transition--scale-down.is--transition{-webkit-transition:opacity 0.25s ease-in,-webkit-transform 0.25s ease-in;transition:opacity 0.25s ease-in,-webkit-transform 0.25s ease-in;transition:opacity 0.25s ease-in,transform 0.25s ease-in;transition:opacity 0.25s ease-in,transform 0.25s ease-in,-webkit-transform 0.25s ease-in;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.transition--scale-up.is--transition-in,.transition--scale-down.is--transition-in{-webkit-transition-timing-function:ease-out,ease-out;transition-timing-function:ease-out,ease-out}.transition--scale-up.is--active,.transition--scale-down.is--active{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.transition--scale-down{-webkit-transform:scale(1.1);transform:scale(1.1)}.b-link.action--base,.b-link-complex__target.action--base{color:#0073b7;border-bottom-color:#0073b7;border-bottom-color:rgba(0,115,183,0.3)}.b-link.action--heading,.b-link-complex__target.action--heading{color:#323232;border-bottom-color:#323232;border-bottom-color:rgba(50,50,50,0.3)}.b-link.action--strong,.b-link-complex__target.action--strong{color:#000;border-bottom-color:#000;border-bottom-color:rgba(0,0,0,0.3)}.b-link.action--lighten,.b-link-complex__target.action--lighten{color:#0679be;border-bottom-color:#0679be;border-bottom-color:rgba(6,121,190,0.3)}.b-link.action--secondary,.b-link-complex__target.action--secondary{color:#999;border-bottom-color:#999;border-bottom-color:rgba(153,153,153,0.3)}.b-link.action--secondary-lighten,.b-link-complex__target.action--secondary-lighten{color:#c7cbd3;border-bottom-color:#c7cbd3;border-bottom-color:rgba(199,203,211,0.3)}.b-link.action--note,.b-link-complex__target.action--note{color:#808080;border-bottom-color:#808080;border-bottom-color:rgba(128,128,128,0.3)}.b-link.target--inverse,.b-link-complex__target.target--inverse{border-bottom-color:transparent}.b-link:hover,.b-link:focus,.b-link-complex:hover .b-link-complex__target,.b-link-complex:focus .b-link-complex__target{color:#df383a;border-bottom-color:#df383a;border-bottom-color:rgba(223,56,58,0.3);fill:#f6f6f6}.b-link.state--success:hover,.b-link.state--success:focus,.b-link-complex:hover .b-link-complex__target.state--success,.b-link-complex:focus .b-link-complex__target.state--success{color:#27bb01;border-bottom-color:#27bb01;border-bottom-color:rgba(39,187,1,0.3)}.b-link.state--danger:hover,.b-link.state--danger:focus,.b-link-complex:hover .b-link-complex__target.state--danger,.b-link-complex:focus .b-link-complex__target.state--danger{color:#d9022a;border-bottom-color:#d9022a;border-bottom-color:rgba(217,2,42,0.3)}.b-link[disabled],.b-link.is--disabled{color:#0073b7;border-bottom-color:transparent}.b-link.action--base[disabled],.b-link.action--base.is--disabled,.b-link-complex[disabled] .b-link-complex__target.action--base,.b-link-complex.is--disabled .b-link-complex__target.action--base{color:#0073b7;border-bottom-color:transparent}.b-link.action--heading[disabled],.b-link.action--heading.is--disabled,.b-link-complex[disabled] .b-link-complex__target.action--heading,.b-link-complex.is--disabled .b-link-complex__target.action--heading{color:#323232;border-bottom-color:transparent}.b-link.action--strong[disabled],.b-link.action--strong.is--disabled,.b-link-complex[disabled] .b-link-complex__target.action--strong,.b-link-complex.is--disabled .b-link-complex__target.action--strong{color:#000;border-bottom-color:transparent}.b-link.action--lighten[disabled],.b-link.action--lighten.is--disabled,.b-link-complex[disabled] .b-link-complex__target.action--lighten,.b-link-complex.is--disabled .b-link-complex__target.action--lighten{color:#0679be;border-bottom-color:transparent}.b-link.action--secondary[disabled],.b-link.action--secondary.is--disabled,.b-link-complex[disabled] .b-link-complex__target.action--secondary,.b-link-complex.is--disabled .b-link-complex__target.action--secondary{color:#999;border-bottom-color:transparent}.b-link.action--secondary-lighten[disabled],.b-link.action--secondary-lighten.is--disabled,.b-link-complex[disabled] .b-link-complex__target.action--secondary-lighten,.b-link-complex.is--disabled .b-link-complex__target.action--secondary-lighten{color:#c7cbd3;border-bottom-color:transparent}.b-link.action--note[disabled],.b-link.action--note.is--disabled,.b-link-complex[disabled] .b-link-complex__target.action--note,.b-link-complex.is--disabled .b-link-complex__target.action--note{color:#808080;border-bottom-color:transparent}.b-link.is--active:not(.behavior--toggle),.b-link-complex.is--active:not(.behavior--toggle) .b-link-complex__target{color:#df383a;fill:#df383a}.b-link.state--success.is--active:not(.behavior--toggle),.b-link-complex.is--active:not(.behavior--toggle) .b-link-complex__target.state--success{color:#27bb01;fill:#27bb01}.b-link.state--danger.is--active:not(.behavior--toggle),.b-link-complex.is--active:not(.behavior--toggle) .b-link-complex__target.state--danger{color:#d9022a;fill:#d9022a}.color--success{color:#27bb01 !important}.color--danger{color:#d9022a !important}.color--warning{color:#e8c30a !important}.color--strong{color:#000 !important}.color--note{color:#808080 !important}.color--base{color:#323232 !important}.color--secondary{color:#999 !important}.color--secondary-lighten{color:#c7cbd3 !important}.color--em{color:#1d1a1a !important}.color--heading{color:#323232 !important}.color--inverse{color:#fff !important}.color--inherit{color:inherit !important}.fill--base{background:#f7f7f7}.fill--light{background:#fff}.fill--inverse{background:#333437}.size--alpha{font-size:34px;line-height:1}.size--beta{font-size:28px;line-height:1.178571428571429}.size--gamma{font-size:24px;line-height:1.375}.size--delta{font-size:22px;line-height:1.363636363636364}.size--epsilon{font-size:20px;line-height:1.1}.size--tau{font-size:19px;line-height:1.315789473684211}.size--zeta{font-size:18px;line-height:1.222222222222222}.size--eta{font-size:17px;line-height:1.294117647058824}.size--base{font-size:16px;line-height:1.375}.size--deci{font-size:15px;line-height:1.2}.size--centi{font-size:14px;line-height:1.285714285714286}.size--milli{font-size:13px;line-height:1.384615384615385}.size--small{font-size:12px;line-height:1.333333333333333}.size--micro{font-size:11px;line-height:1.454545454545455}.size--nano{font-size:10px;line-height:1.6}.line--alpha{line-height:34px}.line--beta{line-height:33px}.line--gamma{line-height:33px}.line--delta{line-height:30px}.line--tau{line-height:25px}.line--epsilon{line-height:22px}.line--zeta{line-height:22px}.line--eta{line-height:22px}.line--base{line-height:22px}.line--deci{line-height:18px}.line--centi{line-height:18px}.line--milli{line-height:18px}.line--small{line-height:16px}.line--micro{line-height:16px}.line--nano{line-height:16px}.line--content{line-height:1.285714285714286}.line--by-content{line-height:1}.spacing--3x1{margin-top:66px}.spacing-inner--3x1{padding-top:66px}.spacing--5x2{margin-top:55px}.spacing-inner--5x2{padding-top:55px}.spacing--2x1{margin-top:44px}.spacing-inner--2x1{padding-top:44px}.spacing--3x2{margin-top:33px}.spacing-inner--3x2{padding-top:33px}.spacing--5x4{margin-top:28px}.spacing-inner--5x4{padding-top:28px}.spacing--base{margin-top:22px}.spacing-inner--base{padding-top:22px}.spacing--1x1{margin-top:22px}.spacing-inner--1x1{padding-top:22px}.spacing--3x4{margin-top:17px}.spacing-inner--3x4{padding-top:17px}.spacing--1x2{margin-top:11px}.spacing-inner--1x2{padding-top:11px}.spacing--2x5{margin-top:9px}.spacing-inner--2x5{padding-top:9px}.spacing--1x3{margin-top:7px}.spacing-inner--1x3{padding-top:7px}.spacing--1x4{margin-top:6px}.spacing-inner--1x4{padding-top:6px}.spacing--1x5{margin-top:4px}.spacing-inner--1x5{padding-top:4px}.spacing--1x6{margin-top:4px}.spacing-inner--1x6{padding-top:4px}.spacing--1x8{margin-top:3px}.spacing-inner--1x8{padding-top:3px}.spacing--null{margin-top:0}.spacing-inner--null{padding-top:0}@media only screen and (max-width: 767px){.adaptive-spacing--3x1{margin-top:66px}.adaptive-spacing-inner--3x1{padding-top:66px}.adaptive-spacing--5x2{margin-top:55px}.adaptive-spacing-inner--5x2{padding-top:55px}.adaptive-spacing--2x1{margin-top:44px}.adaptive-spacing-inner--2x1{padding-top:44px}.adaptive-spacing--3x2{margin-top:33px}.adaptive-spacing-inner--3x2{padding-top:33px}.adaptive-spacing--5x4{margin-top:28px}.adaptive-spacing-inner--5x4{padding-top:28px}.adaptive-spacing--base{margin-top:22px}.adaptive-spacing-inner--base{padding-top:22px}.adaptive-spacing--1x1{margin-top:22px}.adaptive-spacing-inner--1x1{padding-top:22px}.adaptive-spacing--3x4{margin-top:17px}.adaptive-spacing-inner--3x4{padding-top:17px}.adaptive-spacing--1x2{margin-top:11px}.adaptive-spacing-inner--1x2{padding-top:11px}.adaptive-spacing--2x5{margin-top:9px}.adaptive-spacing-inner--2x5{padding-top:9px}.adaptive-spacing--1x3{margin-top:7px}.adaptive-spacing-inner--1x3{padding-top:7px}.adaptive-spacing--1x4{margin-top:6px}.adaptive-spacing-inner--1x4{padding-top:6px}.adaptive-spacing--1x5{margin-top:4px}.adaptive-spacing-inner--1x5{padding-top:4px}.adaptive-spacing--1x6{margin-top:4px}.adaptive-spacing-inner--1x6{padding-top:4px}.adaptive-spacing--1x8{margin-top:3px}.adaptive-spacing-inner--1x8{padding-top:3px}.adaptive-spacing--null{margin-top:0}.adaptive-spacing-inner--null{padding-top:0}}.pos--top,.spacing--disable{margin-top:0 !important}.pos--bottom,.spacing--disable{margin-bottom:0 !important}.pos-inner--top,.spacing-inner--disable{padding-top:0 !important}.pos-inner--bottom,.spacing-inner--disable{padding-top:0 !important}.width--by-content{width:1%;white-space:nowrap}.width--by-content-reset{white-space:normal}.width--by-content-fix{max-width:none}.width--figure-milli{width:60px}.width--figure-deci{width:90px}.width--price-cell{width:70px}.width--detail-buy-button{min-width:137px}.width--form-label{width:130px}.width--form-submit,.width--button{min-width:135px}.width--button-wide{min-width:190px}.width--modal-panel,.width--form{width:550px;max-width:100%}.width--component-deci{width:700px;max-width:100%}.width--text,.width--component{max-width:825px}.width--form-input{width:290px;max-width:100%}.width--form-input-wide{width:340px;max-width:100%}.width--form-range{width:500px;max-width:100%}.width--group-option{width:145px}.width--1x1{width:100%}.width--1x2{width:50%}.width--2x4{width:50%}.width--5x10{width:50%}.width--1x3{width:33.33%}.width--2x3{width:66.66%}.width--1x4{width:25%}.width--3x4{width:75%}.width--1x5{width:20%}.width--1x6{width:16.66%}.width--2x10{width:20%}.width--2x5{width:40%}.width--4x10{width:40%}.width--3x5{width:60%}.width--6x10{width:60%}.width--4x5{width:80%}.width--8x10{width:80%}.width--1x9{width:11.11%}.width--2x9{width:22.22%}.width--3x9{width:33.33%}.width--4x9{width:44.44%}.width--5x9{width:55.55%}.width--6x9{width:66.66%}.width--7x9{width:77.77%}.width--8x9{width:88.88%}.width--1x10{width:10%}.width--3x10{width:30%}.width--7x10{width:70%}.width--9x10{width:90%}.width--main-col{width:72.5%}.width--side-col{width:27.5%}@media only screen and (max-width: 767px){.adaptive-width--1x1{width:100%}.adaptive-width--1x2{width:50%}.adaptive-width--auto{width:auto}}.visible--sr-only{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}.is--hidden,[hidden],.supports--no-js .visible--js,.supports--js .visible--nojs{display:none !important}@media only screen and (max-width: 767px){.hidden--eski-mobi,.hidden--adaptive{display:none !important}.hidden-view--eski-mobi,.hidden-view--adaptive{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}}@media only screen and (min-width: 768px){.visible--eski-mobi,.visible--adaptive{display:none !important}.visible-view--eski-mobi,.visible-view--adaptive{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}}@media only screen and (max-width: 1199px){.visible--wide{display:none !important}.visible-view--wide{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}}@media only screen and (min-width: 1200px){.hidden--wide{display:none !important}.hidden-view--wide{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}}@media only screen and (min-width: 1025px){.visible--tablet{display:none !important}.visible-view--tablet{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}}@media only screen and (max-width: 1024px){.hidden--tablet{display:none !important}.hidden-view--tablet{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}}@media only screen and (min-width: 768px){.visible--landscape{display:none !important}.visible-view--landscape{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}}@media only screen and (max-width: 767px){.hidden--landscape{display:none !important}.hidden-view--landscape{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}}@media only screen and (max-width: 480px){.hidden--phone{display:none !important}.hidden-view--phone{overflow:hidden;width:1px;height:1px;padding:0;border:0;position:absolute;margin:-1px;clip:rect(0, 0, 0, 0)}}.text--left{text-align:left !important}.text--center{text-align:center !important}.text--right{text-align:right !important}.vertical--top{vertical-align:top}.vertical--middle{vertical-align:middle}.vertical--bottom{vertical-align:bottom}.vertical--baseline{vertical-align:baseline}.align--left{float:left}.align--center,.align--middle{float:none;margin-left:auto;margin-right:auto}.align--right{float:right}.align--around{overflow:hidden;float:none;width:auto}.clear--left{clear:left}.clear--right{clear:right}.clear--both{clear:both}.box-sizing--border{box-sizing:border-box}.box-sizing--content{box-sizing:content-box}.font--base{font-family:'Roboto',sans-serif}.font--soft{font-family:'Roboto',sans-serif;}.font--caption{font-family:'Roboto',sans-serif}.display--block{display:block}.display--brick{display:inline-block}.display--inline{display:inline}.text-style--italic{font-style:italic}.opacify--3x4{opacity:0.75}.no-reviews{display:block;padding-top:30px;padding-bottom:30px;padding-left:20px;padding-right:20px;}.techdir-review-img-block{display: -webkit-flex;display: flex;flex-wrap: wrap;}.techdir-review-img-block a{width: 30%;margin: 0 10px 10px 0;}.techdir-review-img-block a img{border-radius: 4px;max-width:100%;}.techdir-review-rating-item{width: 120px;}.techdir-review-rating-item .b-rating-number{display: inline-block;margin-left: 5px;font-size: 14px;}.techdir-review-rating-item .b-rating-counter{font-size: 13px; font-style: italic;}.techdir-reviews-notice-text{color:#088000;} /* End */ /* Start:/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/style.css?176042743647694*/ .catalog-item.catalog-list-item { cursor: pointer; } .catalog-item.catalog-list-item .catalog-item__name { color: inherit; } .catalog-item.catalog-list-item .catalog-item__name:hover { text-decoration: underline; } /*# sourceMappingURL=style.css.map */ /*body.compensate-for-scrollbar {*/ /* margin: 34px !important;*/ /*}*/ .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; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .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; -webkit-transition-duration: inherit; -o-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; -o-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; -o-transition: opacity .25s ease 0s, visibility 0s ease 0s; 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; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; 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--previous, .fancybox-slide--current, .fancybox-slide--next { 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 { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 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; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; 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--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .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-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .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; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { 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; } /* Fix IE11 */ .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--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .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; } /* Navigation arrows */ .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); } /* Caption */ .fancybox-caption { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; 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)); } } .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; } /* Loading indicator */ .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 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; } @-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ /* Share */ .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 0; } .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 5px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { 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 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; 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; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 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, 0.1); background-position: center center; 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; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: 0; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .slick-arrow { width: 65px; height: 60px; background: url(/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/../img/arrow-left.svg) center no-repeat; /*border: 1px solid royalblue;*/ z-index: 2; } .slick-arrow:hover { opacity: 1; } .slick-prev { left: unset; right: calc(100% + 30px); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-size: 4px; } .slick-next { -webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); left: calc(100% + 30px); right: unset; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-size: 4px; } .collection-slider .slick-prev { -webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .collection-slider .slick-next { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .collection-slider .slick-arrow svg path, .collection-slider .slick-arrow svg circle { transition: 0.3s; } .collection-slider .slick-next:hover svg path:last-of-type { transform: translateX(5px); } .collection-slider .slick-next:hover svg circle { fill: #e1d1b6; } .collection-slider .slick-prev:hover svg path:last-of-type { transform: translateX(5px); } .collection-slider .slick-prev:hover svg circle { fill: #e1d1b6; } .slick-next:before, .slick-prev:before { display: none; } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { background: url(/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/../img/arrow-left.svg) center no-repeat; background-size: 8px; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; scrollbar-color: black gray; scrollbar-width: thin; } img { display: block; max-width: 100%; height: auto; } img.lazy { -webkit-transition: 0s; -o-transition: 0s; transition: 0s; } img.lazy[data-src] { opacity: 0; } body { font-family: Arial, sans-serif; font-size: 18px; color: #313131; } a { padding-bottom: 2px; color: #4386ff; text-decoration: none; } *::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: gray; } *::-webkit-scrollbar { width: 5px; background-color: gray; } *::-webkit-scrollbar-thumb { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, black), color-stop(0.86, black)); } input, select, textarea { -webkit-appearance: none; } .wrapper { padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .visually-hidden { clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; position: absolute; white-space: nowrap; overflow: hidden; } .hidden { display: none; } .invisible { visibility: hidden; } @font-face { font-family: 'Montserrat'; src: local("Montserrat"), url("/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/../fonts/montserrat.woff2") format("woff2"), url("/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/../fonts/montserrat.woff") format("woff"), url("/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/../fonts/montserrat.ttf") format("truetype"); font-weight: 400; font-style: normal; } /* Icons for slick slider */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url("/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/../fonts/slick.eot"); src: url("/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/../fonts/slick.eot?#iefix") format("embedded-opentype"), url("/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/../fonts/slick.woff") format("woff"), url("/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/../fonts/slick.ttf") format("truetype"), url("/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/../fonts/slick.svg#slick") format("svg"); font-display: fallback; } ._svg-icon-accordion--img--minus-pink, ._svg-icon-accordion--img--plus-gray, ._svg-icon-tabs--img--design, ._svg-icon-tabs--img--gardening, ._svg-icon-tabs--img--green-roofs, ._svg-icon-tabs--img--landing, ._svg-icon-tabs--img--landscaping, ._svg-icon-tabs--img--vicons { background: url("/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/../img/svgsprite.css.svg") no-repeat; } ._svg-icon-accordion--img--minus-pink { background-position: 74.4186046511628% 62.59259259259258%; } ._svg-icon-accordion--img--minus-pink-dims { width: 10px; height: 10px; } ._svg-icon-accordion--img--plus-gray { background-position: 86.04651162790698% 62.59259259259258%; } ._svg-icon-accordion--img--plus-gray-dims { width: 10px; height: 10px; } ._svg-icon-tabs--img--design { background-position: 0 0; } ._svg-icon-tabs--img--design-dims { width: 32px; height: 32px; } ._svg-icon-tabs--img--gardening { background-position: 50% 0; } ._svg-icon-tabs--img--gardening-dims { width: 32px; height: 32px; } ._svg-icon-tabs--img--green-roofs { background-position: 0 100%; } ._svg-icon-tabs--img--green-roofs-dims { width: 32px; height: 32px; } ._svg-icon-tabs--img--landing { background-position: 50% 100%; } ._svg-icon-tabs--img--landing-dims { width: 32px; height: 32px; } ._svg-icon-tabs--img--landscaping { background-position: 100% 0; } ._svg-icon-tabs--img--landscaping-dims { width: 32px; height: 23.13px; } ._svg-icon-tabs--img--vicons { background-position: 100% 43.37146071629477%; } ._svg-icon-tabs--img--vicons-dims { width: 32px; height: 10.67px; } .collection-bouquet { font-family: inherit; overflow: hidden; padding: 0 23px; } .collection-bouquet__title { font-size: 24px; color: #322726; line-height: 31px; font-family: 'PF Agora Slab Pro', 'Arial', sans-serif; margin-bottom: 25px; } .collection-slider .slick-track { margin-left: 0; } .collection-slider .slick-arrow { width: 64px; height: 128px; /*border-radius: 50%;*/ background: url(/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/images/arrow-full-beige.svg); top: calc(50% - 45px); } .collection-slider .slick-arrow:not(.slick-disabled):hover:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .collection-slider .slick-arrow:after { display: none; position: absolute; content: ''; /*display: block;*/ width: 17px; height: 17px; border-bottom: 2px solid #0b0b0b; border-left: 2px solid #0b0b0b; top: 50%; left: 50%; -webkit-transform: translate(-30%, -50%) rotate(45deg); -ms-transform: translate(-30%, -50%) rotate(45deg); transform: translate(-30%, -50%) rotate(45deg); -webkit-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; } .collection-slider .slick-next { right: -23px; left: unset; } .collection-slider .slick-prev { left: -23px; } .collection-slider .slick-disabled { opacity: 0.5; } .collection-slider .slick-disabled:after { border-color: #4e4e4e; } .collection-slider .slick-dots li button:before { font-size: 22px; } .collection-bouquet__title { font-size: 24px; color: #322726; line-height: 31px; font-family: 'PF Agora Slab Pro', 'Arial', sans-serif; } .collection-slider__item-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; outline: unset !important; } .collection-slider__item-flex:hover { text-decoration: unset; color: inherit; } .collection-slider__item-flex:hover .collection-slider__img { transform: scale(1.05); } .collection-slider__img-wrap { position: relative; margin-bottom: 20px; width: 205px; height: 205px; overflow: hidden; border-radius: 5px; } .collection-slider__img { position: relative; z-index: 3; border-radius: 5px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: 1.2s; } .collection-slider__img-bg-1 { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -6px; width: 95%; z-index: 2; opacity: 0.37 !important; } .collection-slider__img-bg-2 { position: absolute; bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 90%; z-index: 1; opacity: 0.15 !important; } .collection-slider__item-wrap { width: 205px; } .collection-slider__item-title { -ms-flex-item-align: start; align-self: flex-start; font-size: 16px; line-height: 22px; font-size: 22px; font-weight: 500; text-align: left; color: #574c4f; margin: 0; font-family: 'PF Centro Sans Pro', 'Arial', sans-serif; } .collection-slider__item-subtitle { -ms-flex-item-align: start; align-self: flex-start; font-weight: 500; font-style: italic; font-size: 14px; color: #574c4f; font-family: 'PF Centro Sans Pro', 'Arial', sans-serif; margin-top: 1em; text-align: left; margin-bottom: 0; } .page { height: 100%; min-height: 100%; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; position: relative; max-width: 1466px; margin: 0 auto; } @media (max-width: 1200px) { .slick-arrow:not(.collection-slider .slick-arrow) { background: #fff url(/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/../img/arrow-left.svg) center no-repeat; opacity: 0.5; } .slick-arrow:not(.collection-slider .slick-arrow):hover { opacity: 1; background: #fff url(/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/../img/arrow-left.svg) center no-repeat; } .slick-next { left: unset; right: 0; } .slick-prev { right: unset; left: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @media (max-width: 768px) { .collection-slider .slick-arrow { background: url(/local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/images/arrow-full-gray.svg); } } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media (max-width: 600px) { html { height: 100%; overflow: scroll; -webkit-overflow-scrolling: touch; } } @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } @media all and (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-right: max(12px, env(safe-area-inset-right)); } } } .catalog-same-slider { margin-bottom: 40px; } .catalog-same-slider .catalog-item.catalog-list-item { position: relative; max-width: 205px; max-height: 205px; } .catalog-same-slider .slick-slide > div { text-align: center; } .collection-slider.catalog-same-slider .slick-arrow { top: calc(50% - 5px); } .catalog-same-slider .catalog-item__price { font-size: 16px; } .catalog-same-slider .catalog-item__bottom { padding: 0 6px 4px 8px; } .collection-slider .owl-item .catalog-item { border-radius: 15px; } .announce-card { position: relative; width: 206px; min-width: 206px; } .announce-card__image { position: relative; overflow: hidden; width: 100%; height: 210px; border-radius: 16px; } .announce-card__favorite { position: absolute; top: 5px; right: 15px; z-index: 5; background: transparent; border: none; width: 36px; height: 36px; cursor: pointer; } .announce-card__favorite svg { width: 100%; height: 100%; } .announce-card__info { margin-top: 7px; display: flex; justify-content: space-between; align-items: center; padding: 0 3px; } .announce-card__price { font-family: 'TT Hoves', Arial, sans-serif; font-weight: 500; font-size: 19px; line-height: 23px; letter-spacing: 0.4px; color: #292929; } .announce-card__details { display: flex; align-items: center; gap: 8px; } .announce-card__status { display: inline-block; width: 8px; height: 8px; border-radius: 50%; } .announce-card__status--purple { background: #BF3ECC; } .announce-card__code { font-family: 'TT Hoves', Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 25px; letter-spacing: 0.3px; text-transform: uppercase; color: #292929; } .announce-card__box { display: grid; gap: 30px 10px; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; } @media screen and (max-width: 768px) { .catalog-item__bottom-card { margin-left: 26px!important; margin-right: 26px!important; } .announce-card { width: 44.7vw; min-width: 44.7vw; } .announce-card__image { height: 44.7vw; } .announce-card__favorite { right: 24px; } .announce-card__price { font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.4px; } .announce-card__code { font-size: 12px; line-height: 21px; letter-spacing: 0.24px; } } /* End */ /* Start:/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/style.css?176042743645527*/ .catalog-item.catalog-list-item { cursor: pointer; } .catalog-item.catalog-list-item .catalog-item__name { color: inherit; } .catalog-item.catalog-list-item .catalog-item__name:hover { text-decoration: underline; } /*# sourceMappingURL=style.css.map */ /*body.compensate-for-scrollbar {*/ /* margin: 34px !important;*/ /*}*/ .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; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .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; -webkit-transition-duration: inherit; -o-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; -o-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; -o-transition: opacity .25s ease 0s, visibility 0s ease 0s; 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; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; 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--previous, .fancybox-slide--current, .fancybox-slide--next { 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 { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 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; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; 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--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .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-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .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; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { 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; } /* Fix IE11 */ .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--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .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; } /* Navigation arrows */ .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); } /* Caption */ .fancybox-caption { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; 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)); } } .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; } /* Loading indicator */ .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 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; } @-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ /* Share */ .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 0; } .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 5px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { 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 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; 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; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 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, 0.1); background-position: center center; 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; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: 0; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .slick-arrow { width: 65px; height: 60px; background: url(/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/../img/arrow-left.svg) center no-repeat; /*border: 1px solid royalblue;*/ z-index: 2; } .slick-arrow:hover { opacity: 1; } .slick-prev { left: unset; right: calc(100% + 30px); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-size: 4px; } .slick-next { -webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); left: calc(100% + 30px); right: unset; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-size: 4px; } .collection-slider .slick-prev { -webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .collection-slider .slick-next { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .collection-slider .slick-arrow svg path, .collection-slider .slick-arrow svg circle { transition: 0.3s; } .collection-slider .slick-next:hover svg path:last-of-type { transform: translateX(5px); } .collection-slider .slick-next:hover svg circle { fill: #e1d1b6; } .collection-slider .slick-prev:hover svg path:last-of-type { transform: translateX(5px); } .collection-slider .slick-prev:hover svg circle { fill: #e1d1b6; } .slick-next:before, .slick-prev:before { display: none; } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { background: url(/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/../img/arrow-left.svg) center no-repeat; background-size: 8px; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; scrollbar-color: black gray; scrollbar-width: thin; } img { display: block; max-width: 100%; height: auto; } img.lazy { -webkit-transition: 0s; -o-transition: 0s; transition: 0s; } img.lazy[data-src] { opacity: 0; } body { font-family: Arial, sans-serif; font-size: 18px; color: #313131; } a { padding-bottom: 2px; color: #4386ff; text-decoration: none; } *::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: gray; } *::-webkit-scrollbar { width: 5px; background-color: gray; } *::-webkit-scrollbar-thumb { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, black), color-stop(0.86, black)); } input, select, textarea { -webkit-appearance: none; } .wrapper { padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .visually-hidden { clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; position: absolute; white-space: nowrap; overflow: hidden; } .hidden { display: none; } .invisible { visibility: hidden; } @font-face { font-family: 'Montserrat'; src: local("Montserrat"), url("/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/../fonts/montserrat.woff2") format("woff2"), url("/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/../fonts/montserrat.woff") format("woff"), url("/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/../fonts/montserrat.ttf") format("truetype"); font-weight: 400; font-style: normal; } /* Icons for slick slider */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url("/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/../fonts/slick.eot"); src: url("/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/../fonts/slick.eot?#iefix") format("embedded-opentype"), url("/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/../fonts/slick.woff") format("woff"), url("/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/../fonts/slick.ttf") format("truetype"), url("/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/../fonts/slick.svg#slick") format("svg"); font-display: fallback; } ._svg-icon-accordion--img--minus-pink, ._svg-icon-accordion--img--plus-gray, ._svg-icon-tabs--img--design, ._svg-icon-tabs--img--gardening, ._svg-icon-tabs--img--green-roofs, ._svg-icon-tabs--img--landing, ._svg-icon-tabs--img--landscaping, ._svg-icon-tabs--img--vicons { background: url("/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/../img/svgsprite.css.svg") no-repeat; } ._svg-icon-accordion--img--minus-pink { background-position: 74.4186046511628% 62.59259259259258%; } ._svg-icon-accordion--img--minus-pink-dims { width: 10px; height: 10px; } ._svg-icon-accordion--img--plus-gray { background-position: 86.04651162790698% 62.59259259259258%; } ._svg-icon-accordion--img--plus-gray-dims { width: 10px; height: 10px; } ._svg-icon-tabs--img--design { background-position: 0 0; } ._svg-icon-tabs--img--design-dims { width: 32px; height: 32px; } ._svg-icon-tabs--img--gardening { background-position: 50% 0; } ._svg-icon-tabs--img--gardening-dims { width: 32px; height: 32px; } ._svg-icon-tabs--img--green-roofs { background-position: 0 100%; } ._svg-icon-tabs--img--green-roofs-dims { width: 32px; height: 32px; } ._svg-icon-tabs--img--landing { background-position: 50% 100%; } ._svg-icon-tabs--img--landing-dims { width: 32px; height: 32px; } ._svg-icon-tabs--img--landscaping { background-position: 100% 0; } ._svg-icon-tabs--img--landscaping-dims { width: 32px; height: 23.13px; } ._svg-icon-tabs--img--vicons { background-position: 100% 43.37146071629477%; } ._svg-icon-tabs--img--vicons-dims { width: 32px; height: 10.67px; } .collection-bouquet { font-family: inherit; } .collection-bouquet__title { font-size: 24px; color: #322726; line-height: 31px; font-family: 'PF Agora Slab Pro', 'Arial', sans-serif; margin-bottom: 25px; } .collection-slider .slick-track { margin-left: 0; } .collection-slider .slick-arrow { width: 64px; height: 128px; /*border-radius: 50%;*/ background: url(/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/images/arrow-full-beige.svg); top: calc(50% - 45px); } .collection-slider .slick-arrow:not(.slick-disabled):hover:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .collection-slider .slick-arrow:after { display: none; position: absolute; content: ''; /*display: block;*/ width: 17px; height: 17px; border-bottom: 2px solid #0b0b0b; border-left: 2px solid #0b0b0b; top: 50%; left: 50%; -webkit-transform: translate(-30%, -50%) rotate(45deg); -ms-transform: translate(-30%, -50%) rotate(45deg); transform: translate(-30%, -50%) rotate(45deg); -webkit-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; } .collection-slider .slick-next { right: -23px; left: unset; } .collection-slider .slick-prev { left: -23px; } .collection-slider .slick-disabled { opacity: 0.5; } .collection-slider .slick-disabled:after { border-color: #4e4e4e; } .collection-slider .slick-dots li button:before { font-size: 22px; } .collection-bouquet__title { font-size: 24px; color: #322726; line-height: 31px; font-family: 'PF Agora Slab Pro', 'Arial', sans-serif; } .collection-slider__item-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; outline: unset !important; } .collection-slider__item-flex:hover { text-decoration: unset; color: inherit; } .collection-slider__item-flex:hover .collection-slider__img { transform: scale(1.05); } .collection-slider__img-wrap { position: relative; margin-bottom: 20px; width: 205px; height: 205px; overflow: hidden; border-radius: 5px; } .collection-slider__img { position: relative; z-index: 3; border-radius: 5px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: 1.2s; } .collection-slider__img-bg-1 { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -6px; width: 95%; z-index: 2; opacity: 0.37 !important; } .collection-slider__img-bg-2 { position: absolute; bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 90%; z-index: 1; opacity: 0.15 !important; } .collection-slider__item-wrap { width: 205px; } .collection-slider__item-title { -ms-flex-item-align: start; align-self: flex-start; font-size: 16px; line-height: 22px; font-size: 22px; font-weight: 500; text-align: left; color: #574c4f; margin: 0; font-family: 'PF Centro Sans Pro', 'Arial', sans-serif; } .collection-slider__item-subtitle { -ms-flex-item-align: start; align-self: flex-start; font-weight: 500; font-style: italic; font-size: 14px; color: #574c4f; font-family: 'PF Centro Sans Pro', 'Arial', sans-serif; margin-top: 1em; text-align: left; margin-bottom: 0; } .page { height: 100%; min-height: 100%; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; position: relative; max-width: 1466px; margin: 0 auto; } @media (max-width: 1200px) { .slick-arrow:not(.collection-slider .slick-arrow) { background: #fff url(/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/../img/arrow-left.svg) center no-repeat; opacity: 0.5; } .slick-arrow:not(.collection-slider .slick-arrow):hover { opacity: 1; background: #fff url(/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/../img/arrow-left.svg) center no-repeat; } .slick-next { left: unset; right: 0; } .slick-prev { right: unset; left: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @media (max-width: 768px) { .collection-slider .slick-arrow { background: url(/local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/images/arrow-full-gray.svg); } } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media (max-width: 600px) { html { height: 100%; overflow: scroll; -webkit-overflow-scrolling: touch; } } @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } @media all and (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-right: max(12px, env(safe-area-inset-right)); } } } .catalog-same-slider { margin-bottom: 40px; } .catalog-same-slider .catalog-item.catalog-list-item { position: relative; max-width: 205px; max-height: 205px; } .catalog-same-slider .slick-slide > div { text-align: center; } .collection-slider.catalog-same-slider .slick-arrow { top: calc(50% - 5px); } .catalog-same-slider .catalog-item__price { font-size: 16px; } .catalog-same-slider .catalog-item__bottom { padding: 0 6px 4px 8px; } /* End */ /* Start:/local/templates/2018/components/bitrix/news.list/playlists-slider-new/style.css?176042743644764*/ @charset "UTF-8"; /*body.compensate-for-scrollbar {*/ /* margin: 34px !important;*/ /*}*/ .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; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .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; -webkit-transition-duration: inherit; -o-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; -o-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; -o-transition: opacity .25s ease 0s, visibility 0s ease 0s; 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; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; 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--previous, .fancybox-slide--current, .fancybox-slide--next { 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 { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 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; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; 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--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .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-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .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; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { 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; } /* Fix IE11 */ .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--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .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; } /* Navigation arrows */ .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); } /* Caption */ .fancybox-caption { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; 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)); } } .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; } /* Loading indicator */ .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 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; } @-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ /* Share */ .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 0; } .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 5px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { 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 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; 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; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 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, 0.1); background-position: center center; 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; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: 0; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .slick-arrow { width: 65px; height: 60px; background: url(/local/templates/2018/components/bitrix/news.list/playlists-slider-new/../img/arrow-left.svg) center no-repeat; /*border: 1px solid royalblue;*/ z-index: 2; } .slick-arrow:hover { opacity: 1; } .slick-prev { left: unset; right: calc(100% + 30px); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-size: 4px; } .slick-next { -webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); left: calc(100% + 30px); right: unset; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-size: 4px; } .collection-slider .slick-prev { -webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .collection-slider .slick-next { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .collection-slider .slick-arrow svg path, .collection-slider .slick-arrow svg circle { transition: 0.3s; } .collection-slider .slick-next:hover svg path:last-of-type { transform: translateX(5px); } .collection-slider .slick-next:hover svg circle { fill: #e1d1b6; } .collection-slider .slick-prev:hover svg path:last-of-type { transform: translateX(5px); } .collection-slider .slick-prev:hover svg circle { fill: #e1d1b6; } .slick-next:before, .slick-prev:before { display: none; } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { background: url(/local/templates/2018/components/bitrix/news.list/playlists-slider-new/../img/arrow-left.svg) center no-repeat; background-size: 8px; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; scrollbar-color: black gray; scrollbar-width: thin; } img { display: block; max-width: 100%; height: auto; } img.lazy { -webkit-transition: 0s; -o-transition: 0s; transition: 0s; } img.lazy[data-src] { opacity: 0; } body { font-family: Arial, sans-serif; font-size: 18px; color: #313131; } a { padding-bottom: 2px; color: #4386ff; text-decoration: none; } *::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: gray; } *::-webkit-scrollbar { width: 5px; background-color: gray; } *::-webkit-scrollbar-thumb { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, black), color-stop(0.86, black)); } input, select, textarea { -webkit-appearance: none; } .wrapper { padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .visually-hidden { clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; position: absolute; white-space: nowrap; overflow: hidden; } .hidden { display: none; } .invisible { visibility: hidden; } @font-face { font-family: 'Montserrat'; src: local("Montserrat"), url("/local/templates/2018/components/bitrix/news.list/playlists-slider-new/../fonts/montserrat.woff2") format("woff2"), url("/local/templates/2018/components/bitrix/news.list/playlists-slider-new/../fonts/montserrat.woff") format("woff"), url("/local/templates/2018/components/bitrix/news.list/playlists-slider-new/../fonts/montserrat.ttf") format("truetype"); font-weight: 400; font-style: normal; } /* Icons for slick slider */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url("/local/templates/2018/components/bitrix/news.list/playlists-slider-new/../fonts/slick.eot"); src: url("/local/templates/2018/components/bitrix/news.list/playlists-slider-new/../fonts/slick.eot?#iefix") format("embedded-opentype"), url("/local/templates/2018/components/bitrix/news.list/playlists-slider-new/../fonts/slick.woff") format("woff"), url("/local/templates/2018/components/bitrix/news.list/playlists-slider-new/../fonts/slick.ttf") format("truetype"), url("/local/templates/2018/components/bitrix/news.list/playlists-slider-new/../fonts/slick.svg#slick") format("svg"); font-display: fallback; } ._svg-icon-accordion--img--minus-pink, ._svg-icon-accordion--img--plus-gray, ._svg-icon-tabs--img--design, ._svg-icon-tabs--img--gardening, ._svg-icon-tabs--img--green-roofs, ._svg-icon-tabs--img--landing, ._svg-icon-tabs--img--landscaping, ._svg-icon-tabs--img--vicons { background: url("/local/templates/2018/components/bitrix/news.list/playlists-slider-new/../img/svgsprite.css.svg") no-repeat; } ._svg-icon-accordion--img--minus-pink { background-position: 74.4186046511628% 62.59259259259258%; } ._svg-icon-accordion--img--minus-pink-dims { width: 10px; height: 10px; } ._svg-icon-accordion--img--plus-gray { background-position: 86.04651162790698% 62.59259259259258%; } ._svg-icon-accordion--img--plus-gray-dims { width: 10px; height: 10px; } ._svg-icon-tabs--img--design { background-position: 0 0; } ._svg-icon-tabs--img--design-dims { width: 32px; height: 32px; } ._svg-icon-tabs--img--gardening { background-position: 50% 0; } ._svg-icon-tabs--img--gardening-dims { width: 32px; height: 32px; } ._svg-icon-tabs--img--green-roofs { background-position: 0 100%; } ._svg-icon-tabs--img--green-roofs-dims { width: 32px; height: 32px; } ._svg-icon-tabs--img--landing { background-position: 50% 100%; } ._svg-icon-tabs--img--landing-dims { width: 32px; height: 32px; } ._svg-icon-tabs--img--landscaping { background-position: 100% 0; } ._svg-icon-tabs--img--landscaping-dims { width: 32px; height: 23.13px; } ._svg-icon-tabs--img--vicons { background-position: 100% 43.37146071629477%; } ._svg-icon-tabs--img--vicons-dims { width: 32px; height: 10.67px; } .collection-bouquet { font-family: inherit; overflow: hidden; padding: 0 23px; } .collection-bouquet__title { font-size: 24px; color: #322726; line-height: 31px; font-family: 'PF Agora Slab Pro', 'Arial', sans-serif; margin-bottom: 25px; } .collection-slider .slick-track { margin-left: 0; } .collection-slider .slick-arrow { width: 64px; height: 128px; /*border-radius: 50%;*/ background: url(/local/templates/2018/components/bitrix/news.list/playlists-slider-new/images/arrow-full-beige.svg); top: calc(50% - 45px); } .collection-slider .slick-arrow:not(.slick-disabled):hover:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .collection-slider .slick-arrow:after { display: none; position: absolute; content: ''; /*display: block;*/ width: 17px; height: 17px; border-bottom: 2px solid #0b0b0b; border-left: 2px solid #0b0b0b; top: 50%; left: 50%; -webkit-transform: translate(-30%, -50%) rotate(45deg); -ms-transform: translate(-30%, -50%) rotate(45deg); transform: translate(-30%, -50%) rotate(45deg); -webkit-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; } .collection-slider .slick-next { right: -23px; left: unset; } .collection-slider .slick-prev { left: -23px; } .collection-slider .slick-disabled { opacity: 0.5; } .collection-slider .slick-disabled:after { border-color: #4e4e4e; } .collection-slider .slick-dots li button:before { font-size: 22px; } .collection-bouquet__title { font-size: 24px; color: #322726; line-height: 31px; font-family: 'PF Agora Slab Pro', 'Arial', sans-serif; } .collection-slider__item-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; outline: unset !important; margin-bottom: 15px; } .collection-slider__item-flex:hover { text-decoration: unset; color: inherit; } .collection-slider__item-flex:hover .collection-slider__img { transform: scale(1.05); } .collection-slider__img-wrap { position: relative; margin-bottom: 5px; width: 205px; height: 205px; overflow: hidden; border-radius: 15px; } .collection-slider__img { position: relative; z-index: 3; border-radius: 5px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: 1.2s; } .collection-slider__img-bg-1 { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -6px; width: 95%; z-index: 2; opacity: 0.37 !important; } .collection-slider__img-bg-2 { position: absolute; bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 90%; z-index: 1; opacity: 0.15 !important; } .collection-slider__item-wrap { width: 205px; } .collection-slider__item-title { font-family: "TT Hoves", Arial, sans-serif; font-weight: 500; font-size: 19px; line-height: 23px; letter-spacing: 0.4px; color: rgb(41, 41, 41); } .collection-slider__item-subtitle { -ms-flex-item-align: start; align-self: flex-start; font-weight: 500; font-style: italic; font-size: 14px; color: #574c4f; font-family: 'PF Centro Sans Pro', 'Arial', sans-serif; margin-top: 1em; text-align: left; margin-bottom: 0; } .page { height: 100%; min-height: 100%; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; position: relative; max-width: 1466px; margin: 0 auto; } @media (max-width: 1200px) { .slick-arrow:not(.collection-slider .slick-arrow) { background: #fff url(/local/templates/2018/components/bitrix/news.list/playlists-slider-new/../img/arrow-left.svg) center no-repeat; opacity: 0.5; } .slick-arrow:not(.collection-slider .slick-arrow):hover { opacity: 1; background: #fff url(/local/templates/2018/components/bitrix/news.list/playlists-slider-new/../img/arrow-left.svg) center no-repeat; } .slick-next { left: unset; right: 0; } .slick-prev { right: unset; left: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @media (max-width: 768px) { .collection-slider .slick-arrow { background: url(/local/templates/2018/components/bitrix/news.list/playlists-slider-new/images/arrow-full-gray.svg); } } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media (max-width: 600px) { html { height: 100%; overflow: scroll; -webkit-overflow-scrolling: touch; } } @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } @media all and (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-right: max(12px, env(safe-area-inset-right)); } } } /* End */ /* /local/templates/2018/css/swiper.css?176042743613920 */ /* /local/templates/2018/css/detail.css?176042743629891 */ /* /bitrix/templates/.default/techdir-reviews-assets/css/fancybox.min.css?176045561412795 */ /* /bitrix/templates/.default/techdir-reviews-assets/css/style.css?1760455614142775 */ /* /local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/style.css?176042743647694 */ /* /local/templates/2018/components/aero/catalog.section/product-item-list-slider-new/style.css?176042743645527 */ /* /local/templates/2018/components/bitrix/news.list/playlists-slider-new/style.css?176042743644764 */