/* 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:/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 */ /* /local/templates/2018/css/swiper.css?176042743613920 */ /* /local/templates/2018/css/detail.css?176042743629891 */ /* /local/templates/2018/components/aero/catalog.section/catalog-item-list-slider-new/style.css?176042743647694 */