/* Start:/bitrix/templates/fportal/css/blog.css?17914647793209*/ :root{--header-height: 89pxpx;--containerOuter: 1680px;--padding: calc((100vw - 17px - var(--containerOuter)) / 2);--paddingContainer: 40px;--sideBarWidth: 420px}@media screen and (max-width: 1680px){:root{--header-height: 86px;--containerOuter: 1366px;--sideBarWidth: 320px}}@media screen and (max-width: 1024px){:root{--header-height: 84px;--paddingContainer: 25px;--sideBarWidth: 220px}}@media screen and (max-width: 1024px){:root{--paddingContainer: 25px;--sideBarWidth: 220px}}.blog-head{text-align:center;margin-bottom:50px}@media screen and (max-width: 768px){.blog-head{margin-bottom:35px}}.blog-title h1,.blog-title .h1{margin:0 0 10px;text-align:center;font-weight:500;font-size:20px;line-height:129%;color:#333}@media screen and (max-width: 768px){.blog-title h1,.blog-title .h1{font-size:18px}}@media screen and (max-width: 1024px){.blog-title{margin-top:15px}}.blog-subtitle{font-size:16px;text-transform:uppercase;color:#666666}@media screen and (max-width: 768px){.blog-subtitle{font-size:15px}}.blog-filter{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:32px;margin-bottom:32px}@media screen and (max-width: 768px){.blog-filter{margin-bottom:30px;gap:15px}}.blog-filter__item{font-size:14px;line-height: 140%;letter-spacing: 2%;text-transform:uppercase;-webkit-transition:font-weight .5s ease-in-out;-o-transition:font-weight .5s ease-in-out;transition:font-weight .5s ease-in-out;color:#000;cursor:pointer}@media screen and (max-width: 768px){.blog-filter__item{letter-spacing:-0.227412px;font-size:13px}}.blog-filter__item input[type="radio"]{display:none}.blog-filter__item input[type="radio"]:checked ~ .blog-filter__item-text{position: relative;}.blog-filter__item input[type="radio"]:checked ~ .blog-filter__item-text:after {content: '';display: block;position: absolute;bottom: -6px;left: 0;width: 100%;background: #000;height: 1px;}.blog-filter__item:hover{font-weight:500}.blog-cards__list{display:grid;grid-template-columns:repeat(4, 1fr);gap:60px 22px;margin-bottom:55px}@media screen and (max-width: 1024px){.blog-cards__list{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 768px){.blog-cards__list{gap:30px 11px}}@media screen and (max-width: 600px){.blog-cards__list{grid-template-columns:repeat(2, 1fr)}}.blog-cards__item{display:grid;grid-template-columns:1fr;gap:15px;line-height:115%}@media screen and (max-width: 768px){.blog-cards__item{gap:0px}}.blog-cards__item-img{padding-top:133.6%}.blog-cards__item-category,.blog-cards__item-date{font-size:14px;color:#666666}@media screen and (max-width: 768px){.blog-cards__item-category,.blog-cards__item-date{font-size:9px}}.blog-cards__item-title{letter-spacing:0;font-weight:400;font-size:18px;color:#333;line-height: 135%;}@media screen and (max-width: 768px){.blog-cards__item-title{font-size:11px}}.blog-cards__item:hover .blog-cards__item-img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} /* End */ /* Start:/bitrix/templates/fportal/css/blog-detail.css?179146477910594*/ :root{--header-height: 89pxpx;--containerOuter: 1680px;--padding: calc((100vw - 17px - var(--containerOuter)) / 2);--paddingContainer: 40px;--sideBarWidth: 420px}@media screen and (max-width: 1680px){:root{--header-height: 86px;--containerOuter: 1366px;--sideBarWidth: 320px}}@media screen and (max-width: 1024px){:root{--header-height: 84px;--paddingContainer: 25px;--sideBarWidth: 220px}}@media screen and (max-width: 1024px){:root{--paddingContainer: 25px;--sideBarWidth: 220px}}.blog-head{text-align:center;margin-bottom:50px}@media screen and (max-width: 768px){.blog-head{margin-bottom:35px}}.blog-title h1,.blog-title .h1{margin:0 0 56px;text-align:center;font-weight:400;font-size:24px;line-height:140%;letter-spacing: 2%;color:#000}@media screen and (max-width: 768px){.blog-title h1,.blog-title .h1{font-size:18px;margin-bottom:24px;}}@media screen and (max-width: 1024px){.blog-title{margin-top:15px}}.blog-subtitle{font-size:16px;text-transform:uppercase;color:#666666}@media screen and (max-width: 768px){.blog-subtitle{font-size:15px}}.blog-detail{max-width:1125px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 1fr);gap:50px;color:#313131;line-height:131%;margin-bottom:120px}@media screen and (max-width: 1024px){.blog-detail{gap:35px}}@media screen and (max-width: 768px){.blog-detail{padding:0 20px;font-size:15px}}.blog-detail__cards{display:grid;grid-template-columns:49% auto;gap:80px}@media screen and (max-width: 768px){.blog-detail__cards{gap:35px}}@media screen and (max-width: 600px){.blog-detail__cards{grid-template-columns:1fr}}.blog-detail__cards-img{padding-top:145.5%}.blog-detail__cards-catalog-title{margin-bottom:18px;font-weight:500;font-size:20px;text-align:center;text-transform:uppercase;color:#333}@media screen and (max-width: 768px){.blog-detail__cards-catalog-title{font-size:18px}}.blog-detail__cards-catalog-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px 10px}@media screen and (max-width: 768px){.blog-detail__cards-catalog-list{gap:7px}}@media screen and (min-width: 1025px){.blog-detail__cards--reverse{grid-template-columns:auto 49%}}@media screen and (min-width: 1025px){.blog-detail__cards--reverse .blog-detail__cards-catalog{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}}.blog-detail__gallery{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}@media screen and (max-width: 768px){.blog-detail__gallery{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 450px){.blog-detail__gallery{grid-template-columns:1fr}}.blog-detail__gallery-item{display:grid;grid-template-columns:1fr;gap:5px}.blog-detail__gallery-item-img{padding-top:151.4%}.blog-detail__gallery-item-text{color:#828282}@media screen and (min-width: 769px){.blog-detail .catalog-item__title,.blog-detail .catalog-item__desc,.blog-detail .catalog-item__price{font-size:14px}}.blog-detail p{line-height:inherit;color:inherit;font-size:inherit}.category-list{margin:0 -15px}@media screen and (max-width: 600px){.category-list{margin:0 -5px}}.category-list:not(.slick-initialized){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:-30px}@media screen and (max-width: 600px){.category-list:not(.slick-initialized){margin-bottom:-10px}}.category-list:not(.slick-initialized) .catalog-item{width:calc(20% - 30px);margin:0 15px 30px}@media screen and (max-width: 1680px){.category-list:not(.slick-initialized) .catalog-item{width:calc(25% - 30px)}}@media screen and (max-width: 1024px){.category-list:not(.slick-initialized) .catalog-item{width:calc(33.33% - 30px)}}@media screen and (max-width: 600px){.category-list:not(.slick-initialized) .catalog-item{width:calc(50% - 10px);margin:0 5px 10px}}.category-list.slick-initialized .catalog-item{padding:0 15px}@media screen and (max-width: 600px){.category-list.slick-initialized .catalog-item{padding:0 5px}}.category-list .catalog-item__img{-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.category-list .catalog-item__img-wrap{overflow:hidden}.category-list .catalog-item__img:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.catalog-item{display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;gap:15px}@media screen and (max-width: 768px){.catalog-item{gap:10px}}.catalog-item__close{position:absolute;top:15px;right:15px;width:10px;height:10px;z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;cursor:pointer}.catalog-item__close .icon{display:block;position:absolute;left:50%;top:50%;max-width:100%;max-height:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);fill:#333}.catalog-item__close:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.catalog-item__img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat}.catalog-item__img._hidden{-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;z-index:1;opacity:0}.catalog-item__img-wrap{position:relative}.catalog-item__img-wrap>.like{position:absolute;right:15px;top:15px;opacity:0;visibility:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;pointer-events:none}.catalog-item__img-wrap>.like.liked{opacity:1;visibility:visible}.catalog-item__img-wrap>.like.liked .icon{fill:#333 !important}@media screen and (min-width: 1025px){.catalog-item__img-wrap:hover ._hidden{opacity:1}}.catalog-item__img-container{position:relative;width:100%;display:block;padding-top:125%}.catalog-item__modal{position:absolute;left:0;bottom:0;-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:10px 15px 0;background:#0e0e0e;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;opacity:0;visibility:hidden;z-index:2}@media screen and (max-width: 1024px){.catalog-item__modal{display:none}}.catalog-item__size{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 10px}.catalog-item__size-item{font-size:15px;line-height:150%;text-transform:uppercase;color:#fff;cursor:pointer}.catalog-item__size-item input[type="radio"]{display:none}.catalog-item__size-item input[type="radio"]:checked+span{font-weight:bold;opacity:1}.catalog-item__size-item.disabled{color:#828282;opacity:1;pointer-events:none}.catalog-item__size-item span{-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.catalog-item__size-item:not(:last-of-type){margin-right:19px}.catalog-item__links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 10px auto}.catalog-item__link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}.catalog-item__link-error{position:absolute;white-space:nowrap;left:50%;bottom:150%;-webkit-transform:translate(-50%, 50%);-ms-transform:translate(-50%, 50%);transform:translate(-50%, 50%);color:#333;z-index:1;-webkit-box-shadow:2px 2px 15px 5px rgba(0,0,0,0.75);box-shadow:2px 2px 15px 5px rgba(0,0,0,0.75);background:#fff;padding:5px 10px;opacity:0;visibility:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.catalog-item__link-error::after{content:"";position:absolute;width:10px;height:10px;background:#fff;left:50%;bottom:0;-webkit-transform:translate(-50%, 50%) rotate(45deg);-ms-transform:translate(-50%, 50%) rotate(45deg);transform:translate(-50%, 50%) rotate(45deg)}.catalog-item__link:not(:last-child){margin-right:13px}.catalog-item__link.disabled a{pointer-events:none}.catalog-item__link.disabled .icon{opacity:0.5}.catalog-item__link.disabled:hover .catalog-item__link-error{opacity:1;visibility:visible;-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}.catalog-item__link.valid .icon{-webkit-animation:shake 0.5s;animation:shake 0.5s}.catalog-item__link a{position:absolute;width:100%;height:100%;z-index:1}.catalog-item__link .icon{width:20px;height:20px;fill:#fff}.catalog-item__link .icon-heart{fill:transparent;stroke:#fff}@media screen and (min-width: 1025px){.catalog-item__link:hover .icon{fill:#fff}}.catalog-item__link.liked .icon{fill:#fff}.catalog-item__title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-size:18px;line-height:130%;text-transform:uppercase;color:#333}@media screen and (max-width: 768px){.catalog-item__title{font-size:10px}}.catalog-item__desc{font-weight:300;line-height:130%;color:#828282;margin-bottom:5px}@media screen and (max-width: 768px){.catalog-item__desc{margin-bottom:3px;font-size:9px}}.catalog-item__price{font-weight:300;font-size:20px;line-height:116%;text-align:right;text-transform:uppercase;color:#828282}@media screen and (max-width: 768px){.catalog-item__price{font-size:10px;letter-spacing:-0.237853px}}.catalog-item__price:not(:last-child){margin-right:12px}.catalog-item__price-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.catalog-item__price.old{position:relative}.catalog-item__price.old::after{content:"";width:100%;height:1px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#828282}.catalog-item__runaway{font-weight:500}.catalog-item:hover .catalog-item__modal{opacity:1;visibility:visible;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}.catalog-item:hover .catalog-item__img-wrap>.liked{opacity:0;visibility:hidden} /* End */ /* Start:/bitrix/templates/fportal/components/bitrix/news/blog/style.css?1677160209378*/ .back_result_r{ padding-bottom: 25px; } .back_result_r a{ padding: 11px 17px; text-transform: uppercase; z-index: 1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; position: relative; color: #000000; border: 1px solid #EBF1F4; background: white; } .back_result_r a:hover{ background: #242E38; color: white; } /* End */ /* Start:/bitrix/templates/fportal/components/bitrix/news/blog/bitrix/news.detail/.default/style.css?17914761538978*/ .detail-blog__wrap, .detail-blog__wrap * { color: #000; } .detail-blog__wrap .blog-title h1, .detail-blog__wrap .blog-title .h1 { font-size: 40px; line-height: 140%; margin: 0 0 32px; } .detail-blog__wrap .blog-subtitle { border: 1px solid #000; color: #000; width: fit-content; width: -moz-fit-content; margin: auto; padding: 6px 12px; font-size: 12px; line-height: 140%; letter-spacing: 5%; } .detail-blog__wrap { width: 1125px; max-width: 100%; margin: 0 auto; padding-bottom: 118px; } .detail-blog-content__wrap, .detail-blog__wrap { display: flex; flex-direction: column; gap: 56px; } .fixed-container-section { width: 800px; max-width: 100%; margin: 0 auto; } .detail-blog__title { margin: -56px auto -38px; text-align: center; } .detail-blog__wrap .blog-head { margin-top: 12px; margin-bottom: -24px; } .prolog-text, .prolog-text p { font-size: 20px; line-height: 180%; letter-spacing: 0; } .detail-blog-slider-gallery__wrap .slick-slide { padding: 0 10px 0 0; } .detail-blog-slider-gallery__item-img { height: 560px; } .detail-blog-slider-gallery__item img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .detail-blog__description, .detail-blog__description * { font-size: 14px; line-height: 170%; letter-spacing: 0; color: #828282; } .text-align--center { text-align: center; } .detail-blog-slider-gallery__description { width: 584px; max-width: 100%; margin: 14px auto 0; } .detail-blog__text-block p { font-size: 16px; line-height: 180%; letter-spacing: 0; } .blockquote__quote p { font-size: 20px; line-height: 140%; letter-spacing: 2%; text-align: center; width: 584px; max-width: 100%; margin: auto; } .blockquote { display: flex; flex-direction: column; gap: 16px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 32px 0; } .blockquote__author { font-size: 14px; line-height: 140%; letter-spacing: 2%; text-transform: uppercase; text-align: center; } .detail-blog-two-column-text-img-section { display: flex; flex-direction: row; justify-content: space-between; } .detail-blog-two-column-text-img-section__left { display: flex; flex-direction: column; gap: 24px; width: 328px; max-width: 100%; } .detail-blog-two-column-text-img-section__img { height: 496px; } .detail-blog-two-column-text-img-section__right { display: flex; flex-direction: column; gap: 18px; width: calc(100% - 328px - 56px); } .detail-blog-two-column-text-img-section__left img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .detail-blog__block-title { font-size: 18px; line-height: 140%; letter-spacing: 2%; text-transform: uppercase; } .detail-blog-catalog-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 10px; } .detail-blog-catalog-list { width: 368px; max-width: 100%; } .detail-blog-two-column-products-with-img__content-wrap { display: flex; flex-direction: row; justify-content: space-between; } .detail-blog-two-column-products-with-img__img-container { width: 380px; max-width: 100%; height: 575px; } .detail-blog-two-column-products-with-img__img-container img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .detail-blog-two-column-products-with-img { display: flex; flex-direction: column; gap: 24px; } .detail-blog-two-column-products-with-img__content-wrap .catalog-item__title a { color: #000; font-size: 10px; line-height: 100%; } .detail-blog-two-column-products-with-img__content-wrap .catalog-item__desc { font-size: 10px; color: #828282; line-height: 120%; margin: 2px 0 4px; } .detail-blog-two-column-products-with-img__content-wrap .catalog-item__price { font-size: 10px; line-height: 100%; } .detail-blog-two-column-products-with-img__content-wrap .catalog-item__text { display: flex; flex-direction: column; } .slider-without-arrows .slick-arrow { display: none!important; } .blog-detail .catalog-item__desc { color: #828282; } .detail-blog-img-slider__items { width: 400px; margin: 0 auto; } .detail-blog-img-slider__items img { width: 100%; height: 600px; object-fit: cover; object-position: center; } .detail-blog-img-slider__items .slick-dots { position: absolute; bottom: -24px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .detail-blog-img-slider__items .slick-dots li { background-color: #333; transition: all .5s; width: 4px; height: 4px; } .detail-blog-img-slider__items .slick-dots .slick-active { width: 8px; height: 8px; border-radius: 50%; } .blog-catalog-button, .blog-catalog-button.button--black { width: fit-content; width: -moz-fit-content; min-width: auto; margin: auto; min-height: auto; padding: 16px 32px; font-size: 14px; line-height: 120%; letter-spacing: 4%; color: #000; border-color: #000; font-weight: 600; font-family: 'Golos'; } .detail-blog-img-slider .detail-blog__description { margin: 56px auto 0; width: 400px; max-width: 100%; } .icon-slider-bg-long-arrow.slick-disabled { opacity: 0; pointer-events: none; } .icon-slider-bg-long-arrow { position: absolute; top: 0; bottom: 0; margin: auto; height: min-content; cursor: pointer; transition: all .5s; } .icon-slider-bg-long-arrow:first-of-type { left: -72px; transform: rotateY(180deg); } .icon-slider-bg-long-arrow:last-of-type { right: -72px; } .catalog-item__price.old { color: #828282; } @media screen and (max-width: 768px) { .breadcrumbs--center .bx-breadcrumb { margin: 2px 0 0!important; } .detail-blog__wrap .blog-title h1, .detail-blog__wrap .blog-title .h1 { font-size: 24px!important; } .blog-title { margin: 0!important; margin-bottom: 0!important; } .detail-blog__wrap .blog-head { margin-top: 15px!important; } .prolog-text, .prolog-text p { text-align: center; } .detail-blog-slider-gallery__item-img { height: 285px; } .detail-blog-slider-gallery__wrap .slick-slide { width: 190px; padding-right: 5px; } .detail-blog-slider-gallery__wrap + .detail-blog__text-block { margin: -20px 0 0; } .detail-blog-slider-gallery__wrap .detail-blog-slider-gallery__items { margin-right: -10px; } .detail-blog__title { font-size: 18px; text-align: center; } .detail-blog-two-column-text-img-section { flex-direction: column; align-items: center; gap: 56px; } .detail-blog-two-column-text-img-section__img { height: 481px; } .detail-blog__description { text-align: center; } .detail-blog-two-column-text-img-section__right { width: 100%; } .detail-blog-two-column-products-with-img__content-wrap { flex-direction: column-reverse; gap: 48px; } .detail-blog-two-column-products-with-img__img-container { width: 318px; height: 482px; margin: auto; } .detail-blog-catalog-list { width: 100%; } .detail-blog-catalog-list .slick-slide { width: 195px; } .detail-blog-catalog-list .catalog-item { padding: 0 10px 0 0; gap: 18px; } .detail-blog-two-column-products-with-img__content-wrap .catalog-item__title a { font-size: 14px; } .detail-blog-two-column-products-with-img__content-wrap .catalog-item__desc { font-size: 12px; margin: 6px 0 10px; } .detail-blog-two-column-products-with-img__content-wrap .catalog-item__price { font-size: 12px; } .category-list { margin: 0; padding: 0; } .category-list.slick-initialized .catalog-item { padding: 0 10px 0 0; } .detail-blog__block-title { text-align: center; } .detail-blog-img-slider__items { width: 318px; } .detail-blog-img-slider .detail-blog__description { width: 318px; } .detail-blog-img-slider__items img { height: 477px; } .blog-catalog-button, .blog-catalog-button.button--black { width: 100%; } .detail-blog__wrap { padding-bottom: 56px; } p:not(:last-child) { margin-bottom: 16px!important; } .detail-blog-two-column-text-img-section__left { width: 318px; } } /* End */ /* Start:/local/components/sprint.editor/blocks/templates/.default/_style.css?17914645493267*/ /* Общие стили для блоков */ .sp-block-table table { width: 100%; border-collapse: collapse; } .sp-block-table table tr { background: #f7f7f7; color: #8a8a8a; } .sp-block-table table tr:nth-child(odd) { background: #e7e6e6; } .sp-block-table table tr:hover { background: #d4d4d4; color: #000; } .sp-block-table table td { text-align: left; border: 1px solid #ccc; padding: 5px; } .sp-image img { width: 100%; } .sp-image-text { background: #eee; margin: 10px 0 10px; min-height: 250px; } .sp-image-text img { float: left; width: 320px; margin: 0 10px 10px 0; } .sp-iblock-elements { width: 350px; background: #ddd; padding: 10px; } .sp-properties { width: 400px; border-collapse: collapse; } .sp-properties_title { border: 1px solid #ccc; padding: 0 5px; font-weight: bold; } .sp-properties_text { border: 1px solid #ccc; padding: 0 5px; } .sp-gallery-items { overflow: hidden; } .sp-gallery-item { float: left; height: 220px; padding: 5px; /*width: 20%;*/ } .sp-gallery-item-img-wrapper { float: left; height: 100%; overflow: hidden; position: relative; width: 100%; display: block; color: inherit; } .sp-gallery-item img { display: block; max-width: 100%; left: 50%; max-height: 100%; max-width: none; position: relative; top: 50%; -webkit-transform: translate(-50%, -50%) translateZ(0); -moz-transform: translate(-50%, -50%) translateZ(0); -o-transform: translate(-50%, -50%) translateZ(0); -ms-transform: translate(-50%, -50%) translateZ(0); transform: translate(-50%, -50%) translateZ(0); } .sp-gallery-item-text { background-color: rgba(255, 255, 255, .7); cursor: pointer; height: 100%; left: 0; opacity: 0; position: absolute; text-align: center; top: 0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; width: 100%; } .sp-gallery-item-text:hover { opacity: 1; } .sp-gallery-item-text::after { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .sp-gallery-item-text-content { display: inline-block; vertical-align: middle; width: 90%; } .sp-button_link, .sp-button_link:link, .sp-button_link:visited { display: inline-block; padding: 10px 20px; margin: 10px 0; border-radius: 20px; text-decoration: none; background: #ccc; color: #333; } .sp-button_link:hover { text-decoration: none; background: #333; color: #ccc; } /*accordion*/ .sp-accordion { border: 1px solid #ccc; border-radius: 5px; } .sp-accordion-title { border-top: 1px solid #ccc; color: #444; cursor: pointer; padding: 10px; text-align: left; } .sp-accordion-title:first-child { border-top: none; } .sp-accordion-container { padding: 0 10px 10px; display: none; overflow: hidden; } .sp-accordion-title:after { content: '\02795'; font-size: 12px; color: #777; float: right; margin: 2px 5px; } .sp-accordion-title__active:after { content: "\2796"; } /* End */ /* /bitrix/templates/fportal/css/blog.css?17914647793209 */ /* /bitrix/templates/fportal/css/blog-detail.css?179146477910594 */ /* /bitrix/templates/fportal/components/bitrix/news/blog/style.css?1677160209378 */ /* /bitrix/templates/fportal/components/bitrix/news/blog/bitrix/news.detail/.default/style.css?17914761538978 */ /* /local/components/sprint.editor/blocks/templates/.default/_style.css?17914645493267 */