/* Start:/local/templates/.default/components/bitrix/catalog/otrajenie_1.0_portfolio_1.0/bitrix/catalog.section.list/light_1.0/style.min.css?1695798245382*/ .portfolio-section-list{margin:15px 0}.portfolio-section-list .portfolio-item{padding-right:clamp(25px,3vw,35px);color:var(--c-dark)}.portfolio-section-list .portfolio-item:hover,.portfolio-section-list .portfolio-item.item-selected .portfolio-name{color:var(--c-gray)}.portfolio-section-list .portfolio-name{font-size:clamp(20px,3vw,24px);font-weight:600;text-transform:lowercase} /* End */ /* Start:/local/templates/.default/components/bitrix/catalog/otrajenie_1.0_portfolio_1.0/bitrix/catalog.smart.filter/.default/style.min.css?169579824416021*/ .section-filter{position:relative;width:100%;min-width:220px;margin-right:15px;margin-bottom:20px;padding-top:26px}.section-filter .parameters-box{position:relative;width:100%;border-bottom:1px solid #dadada;margin-bottom:20px;padding:0 25px}.section-filter .parameters-box:last-child{border-bottom:0}.section-filter .parameters-box.active{padding-bottom:20px}.section-filter .parameters-title{margin-bottom:20px;font-weight:300}.section-filter .parameters-title span{color:#000;cursor:pointer}.section-filter .parameters-value{display:none;-webkit-transition:padding .3s ease;-moz-transition:padding .3s ease;-ms-transition:padding .3s ease;-o-transition:padding .3s ease;transition:padding .3s ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.section-filter .parameters-box.active .parameters-value{display:block}.section-filter .parameters-box.active .parameters-value i.bx-ft-sub{font-size:14px;font-style:normal;padding-bottom:5px;display:none}.section-filter .bx-filter-parameters-box-container-block{display:inline-block;width:49%;color:#4a4a4a}@media only screen and (min-width:640px) and (max-width:1024px){.section-filter{max-width:unset;margin-right:0}.section-filter .parameters-box{width:-webkit-calc(100% / 2);width:-moz-calc(100% / 2);width:calc(100% / 2);border-bottom:0}}@media only screen and (max-width:640px){.section-filter{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:unset;margin-right:0}}.section-filter .bx-filter-input-container input{width:100%;height:50px;padding:.8em 1.5em;font-size:1em;font-weight:500;outline:0;border:1px solid #dadada;background:#fff;font-family:inherit;-webkit-border-radius:34px;-moz-border-radius:34px;border-radius:34px;-webkit-transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;-moz-transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.section-filter .bx-filter-input-container input::placeholder{font-weight:300}.section-filter .button-box{padding:0;margin:20px 0;clear:both}.section-filter .button-box .btn-set-filter,.section-filter .button-box .btn-del-filter{width:-webkit-calc(100% / 2.1);width:-moz-calc(100% / 2.1);width:calc(100% / 2.1)}.section-filter .button-box .btn-set-filter{margin-bottom:15px}.section-filter .bx-ui-slider-track-container{padding-top:35px;padding-bottom:25px;margin:0 15px}.section-filter .bx-ui-slider-track{position:relative;height:3px;background:#e7e7e7}.section-filter .bx-ui-slider-part{display:none;position:absolute;top:-6px;width:1px;height:17px;background:#a2bfc7}.section-filter .bx-ui-slider-part.p1{left:-1px}.section-filter .bx-ui-slider-part.p2{left:25%}.section-filter .bx-ui-slider-part.p3{left:50%}.section-filter .bx-ui-slider-part.p4{left:75%}.section-filter .bx-ui-slider-part.p5{right:-1px}.section-filter .bx-ui-slider-part span{font-size:11px;position:absolute;top:-16px;left:50%;display:block;width:100px;margin-left:-50px;text-align:center;color:#000}.section-filter .bx-ui-slider-part.p2 span,.section-filter .bx-ui-slider-part.p3 span,.section-filter .bx-ui-slider-part.p4 span{color:#6b8086}.section-filter .bx-ui-slider-range,.section-filter .bx-ui-slider-pricebar,.section-filter .bx-ui-slider-pricebar-vd,.section-filter .bx-ui-slider-pricebar-vn,.section-filter .bx-ui-slider-pricebar-v{position:absolute;top:0;bottom:0}.section-filter .bx-ui-slider-range{z-index:150}.section-filter .bx-ui-slider-pricebar{z-index:100}.section-filter .bx-ui-slider-pricebar-vd{z-index:60;background:#849da4}.section-filter .bx-ui-slider-pricebar-vn{z-index:70;background:#d8d8d8}.section-filter .bx-ui-slider-pricebar-v{z-index:80;background:#e2581d}.section-filter .bx-ui-slider-handle{position:absolute;top:100%;width:22px;height:22px;border-bottom:0}.section-filter .bx-ui-slider-handle:hover{-webkit-cursor:grab;-ms-cursor:grab;-o-cursor:grab;cursor:grab}.section-filter .bx-ui-slider-handle:active{-webkit-cursor:grabbing;-ms-cursor:grabbing;-o-cursor:grabbing;cursor:grabbing}.section-filter .bx-ui-slider-handle.left{top:-15px;left:0;margin-left:-16px;background:#fff;-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 8px rgba(0,0,0,0.2);box-shadow:0 1px 8px rgba(0,0,0,0.2);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.section-filter .bx-ui-slider-handle.right{top:-15px;right:0;margin-right:-16px;background:#fff;-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 8px rgba(0,0,0,0.2);box-shadow:0 1px 8px rgba(0,0,0,0.2);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.section-filter .bx-filter-select-container{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:35px;border-radius:3px;border:1px solid #ccd5db}.section-filter .bx-filter-select-block{position:relative;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:33px;margin:0;padding:0 33px 0 10px;border:0;border-radius:2px;background:#fff}.section-filter .bx-filter-select-text{font-size:15px;line-height:33px;overflow:hidden;max-width:100%;height:33px;cursor:pointer;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis}.section-filter .bx-filter-select-text.fix{min-width:120px}.section-filter .bx-filter-select-text label{cursor:pointer}.section-filter .bx-filter-select-arrow{position:absolute;top:0;right:0;width:34px;height:33px;cursor:pointer;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center}.bx-filter-select-popup{background:#fff;padding:0;min-width:173px}.bx-filter-select-popup ul{margin:0;padding:0;list-style:none}.bx-filter-select-popup ul li{display:block;text-align:left;vertical-align:middle}.bx-filter-select-popup ul li:first-child{border-bottom:1px solid #e5e5e5;padding-bottom:5px;margin-bottom:5px}.bx-filter-select-popup ul li label{font-size:14px;line-height:26px;display:block;text-align:left !important;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:26px;padding:0 5px;cursor:pointer;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;color:#575757}.bx-filter-select-popup ul li label.selected,.bx-filter-select-popup ul li label:hover{color:#000;background:#f3f8fa}.bx-filter-select-popup ul li label.disabled{color:#b8b8b8;background:transparent}.bx-filter-select-popup ul li .bx-filter-param-text{line-height:34px !important}.section-filter .bx-tag-link.active,.section-filter .bx-tag-link:hover{color:#1d3d46}.section-filter .bx-filter-param-label{min-height:20px;cursor:pointer;font-size:14px;font-weight:300;color:#282828}.section-filter .bx-filter-param-label:before{border:1px solid #dadada}.section-filter .bx-filter-param-btn-inline .bx-filter-param-label{float:left;display:block;margin-right:5px}.section-filter .bx-filter-param-btn-block .bx-filter-param-label{display:block}.section-filter .bx-filter-param-label.dib{display:inline-block}.section-filter .bx-filter-param-text{font-weight:normal}.section-filter .bx-filter-param-label.disabled .bx-filter-param-text{color:#6c6c6c}.bx-filter-select-popup .bx-filter-param-label.active{background:#f3f8fa}.section-filter .bx-filter-input-checkbox .bx-filter-param-text{display:block;text-align:left}.section-filter .bx-filter-param-btn{font-weight:normal;display:inline-block;width:38px;height:38px;padding:6px;text-align:center;text-decoration:none;color:#000;vertical-align:middle;border:1px solid #ccd5db;border-radius:2px;background:#fff;position:relative;-webkit-transition:border .3s ease,box-shadow .1s ease,color .3s ease;-moz-transition:border .3s ease,box-shadow .1s ease,color .3s ease;-ms-transition:border .3s ease,box-shadow .1s ease,color .3s ease;-o-transition:border .3s ease,box-shadow .1s ease,color .3s ease;transition:border .3s ease,box-shadow .1s ease,color .3s ease;cursor:pointer}.section-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl{background:transparent;box-shadow:none}.section-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl{position:relative}.section-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl:before{position:absolute;bottom:0;right:0;top:0;left:0;content:' ';display:block;z-index:100;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center;opacity:.7}.section-filter .bx-filter-param-btn .bx-filter-param-text{line-height:26px}.section-filter .bx-filter-param-btn.bx-spm{width:23px;min-width:23px;height:23px;line-height:23px;font-weight:normal;padding:0;font-size:17px;color:#767b7e;vertical-align:top;border-radius:50%;background-color:transparent}.section-filter .bx-filter-param-btn.bx-spm.bx-plus{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAANUlEQVQoz2NgwAQsQMzJQCSwAeKGQa7YFKoAhmOgim3QsAxIcSFUkhC2GaqhgQ4UgNgFmwQAij8OUFmBFssAAAAASUVORK5CIIA=") no-repeat center}.section-filter .bx-filter-param-btn.bx-spm.bx-minus{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAG0lEQVQYV2NgYGDgBuI4AlgGiBn4gLicAFYGAAFkBwE95V42AAAAAElFTkSuQmCC") no-repeat center}.section-filter .bx-filter-param-btn.bx-spm:active{outline:none !important;box-shadow:inset 0 2px 3px rgba(0,0,0,.12)}.section-filter span.bx-spm{font-size:18px;line-height:23px;display:inline-block;height:23px;margin:0 10px;vertical-align:middle;color:#000}.bx-filter-select-popup .bx-filter-select-text-icon,.section-filter .bx-filter-select-text-icon{line-height:33px;position:relative;display:inline-block;width:23px;height:23px;margin-top:-4px;margin-right:2px;vertical-align:middle;border-radius:2px}.bx-filter-select-popup .bx-filter-btn-color-icon,.section-filter .bx-filter-btn-color-icon{line-height:24px;border-radius:2px;display:inline-block;width:24px;height:24px;vertical-align:middle;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);-webkit-background-size:cover;background-size:cover}.bx-filter-select-popup .bx-filter-btn-color-icon{width:20px;height:20px;margin:2px 0;top:0 !important}.section-filter .bx-filter-select-block .bx-filter-btn-color-icon{top:-1px !important}.bx-filter-btn-color-icon.all{position:relative;border:0;box-shadow:none}.bx-filter-btn-color-icon.all:after,.bx-filter-btn-color-icon.all:before{position:absolute;width:60%;height:60%;background:#fff;content:" ";box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.bx-filter-btn-color-icon.all:after{right:0;bottom:0}.bx-filter-btn-color-icon.all:before{top:0;left:0}.section-filter .bx-filter-param-label.disabled .bx-filter-btn-color-icon{opacity:.2}.section-filter .bx-filter-parameter-biz{font-size:14px;line-height:15px;display:inline-block;margin-right:10px;text-decoration:none;color:#1485ce;border-bottom:1px dashed}.section-filter .bx-filter-parameter-biz:hover{text-decoration:none;border-bottom:1px solid}.section-filter .bx-filter-parameter-biz.active{position:relative;color:#000;border-color:transparent}.section-filter .popup-result{font-size:13px;font-weight:normal;position:absolute;z-index:915;display:none;line-height:normal;margin-top:-7px;margin-left:10px;padding:0 10px;white-space:nowrap;color:#3f3f3f;min-height:37px;line-height:18px;border-style:solid;border:1px solid #dadada}.section-filter .popup-result.left{border-width:2px 10px 2px 2px;-webkit-border-image:url(/local/templates/.default/components/bitrix/catalog/otrajenie_1.0_portfolio_1.0/bitrix/catalog.smart.filter/.default/images/result_popup_left.png) 4 20 4 4 repeat;-moz-border-image:url(/local/templates/.default/components/bitrix/catalog/otrajenie_1.0_portfolio_1.0/bitrix/catalog.smart.filter/.default/images/result_popup_left.png) 4 20 4 4 repeat;-o-border-image:url(/local/templates/.default/components/bitrix/catalog/otrajenie_1.0_portfolio_1.0/bitrix/catalog.smart.filter/.default/images/result_popup_left.png) 4 20 4 4 repeat;border-image:url(/local/templates/.default/components/bitrix/catalog/otrajenie_1.0_portfolio_1.0/bitrix/catalog.smart.filter/.default/images/result_popup_left.png) 4 20 4 4 fill repeat}.section-filter .popup-result.right{border-width:2px 2px 2px 10px;-webkit-border-image:url(/local/templates/.default/components/bitrix/catalog/otrajenie_1.0_portfolio_1.0/bitrix/catalog.smart.filter/.default/images/result_popup_right.png) 4 4 4 20 repeat;-moz-border-image:url(/local/templates/.default/components/bitrix/catalog/otrajenie_1.0_portfolio_1.0/bitrix/catalog.smart.filter/.default/images/result_popup_right.png) 4 4 4 20 repeat;-o-border-image:url(/local/templates/.default/components/bitrix/catalog/otrajenie_1.0_portfolio_1.0/bitrix/catalog.smart.filter/.default/images/result_popup_right.png) 4 4 4 20 repeat;border-image:url(/local/templates/.default/components/bitrix/catalog/otrajenie_1.0_portfolio_1.0/bitrix/catalog.smart.filter/.default/images/result_popup_right.png) 4 4 4 20 fill repeat}.section-filter .popup-result.right{left:97%;width:auto}.section-filter .popup-result.left{right:97%}.bx-filter-horizontal .popup-result{display:inline-block;position:relative;left:auto;right:auto;bottom:-7px}.section-filter .popup-result a{color:#e2581d;line-height:10px}.section-filter .popup-result a:hover{text-decoration:none}.section-filter .bx-filter-popup-result-close{display:none}@media(max-width:767px){.section-filter .popup-result .arrow{display:none}}.section-filter .fa-question-circle{display:inline-block;position:relative;width:18px;height:18px;top:5px;left:0;background:url('/local/templates/.default/components/bitrix/catalog/otrajenie_1.0_portfolio_1.0/bitrix/catalog.smart.filter/.default/images/question.svg') no-repeat center;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain}.bx-panel-tooltip{border:1px solid #dadada !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;background:#fff !important}.bx-panel-tooltip .bx-panel-tooltip-text{font-family:Roboto,Arial,helvetica,sans-serif !important;color:#000 !important;padding:15px 20px !important;font-size:12px !important;font-weight:300 !important;line-height:1.5 !important;text-shadow:none !important}.section-filter .bx-filter-input-container input:focus{border:1px solid rgba(255,128,0,0.53);-webkit-box-shadow:0 0 21px rgba(255,128,0,0.35);-moz-box-shadow:0 0 21px rgba(255,128,0,0.35);box-shadow:0 0 21px rgba(255,128,0,0.35)}.section-filter .bx-filter-select-container.active,.section-filter .bx-filter-select-container:focus{border-color:#499fd8}.section-filter .bx-filter-tag{border-top:1px solid #d7eaf7;border-bottom:1px solid #d7eaf7;padding:18px}.section-filter .bx-tag-link{color:#68939e;font-size:12px;text-decoration:none;text-shadow:none}.section-filter .bx-filter-param-label.active .bx-filter-param-btn,.section-filter .bx-filter-param-btn:hover,.section-filter .bx-filter-param-btn:active,.section-filter .bx-filter-param-btn:focus{border-color:#499fd8}.section-filter .filter-header{display:none}@media only screen and (max-width:1024px){.section-filter .filter-header{display:-ms-flexbox;display:-webkit-flex;display:flex;padding:0 25px 25px}.section-filter.f-open .filter-header{margin-bottom:25px;border-bottom:var(--bd-light-gray)}.section-filter.f-open .smartfilter{display:-ms-flexbox;display:-webkit-flex;display:flex}.section-filter .smartfilter,.section-filter.f-close .smartfilter{display:none}.section-filter .filter-header .filter-title,.section-filter .filter-header .filter-label{font-weight:600}.section-filter .filter-header .filter-label{cursor:pointer}.section-filter.f-open .filter-header .filter-label:after,.section-filter.f-close .filter-header .filter-label:after{content:'˅';font-family:var(--f-icon);position:relative;font-size:14px;padding-left:5px}.section-filter.f-open .filter-header .filter-label:after{content:'˄'}.section-filter.f-open .button-box{width:100%;margin:20px auto}}.section-filter .filter-item{margin:20px 50px 20px 0}.section-filter .filter-item:last-child{margin-bottom:0}.section-filter .nx-label{color:var(--c-light-gray);font-size:clamp(14px,2vw,20px);font-weight:400;margin-right:25px;margin-bottom:20px;line-height:1}.section-filter .nx-select{min-width:230px}@media only screen and (max-width:1024px){.section-filter .filter-item{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}} /* End */ /* Start:/local/templates/.default/components/bitrix/system.pagenavigation/otrajenie_1.0_nav_1.0/style.min.css?16957982474243*/ .pagination-page-navigation{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin:clamp(20px,5vw,50px) 0}.pagination-page-navigation .pagination-page-dots{color:var(--c-gray)}.pagination-page-navigation a,.pagination-page-navigation a:visited,.pagination-page-navigation span{display:block;position:relative;font-weight:bold;margin:0 clamp(10px,3vw,20px)}.pagination-page-navigation .pagination-page-link:after,.pagination-page-navigation .pagination-page-previous:after,.pagination-page-navigation .pagination-page-next:before .pagination-page-navigation span.pagination-page-noactive:after{content:'';display:block;position:absolute;top:50%;left:50%;width:40px;height:40px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}.pagination-page-navigation span.pagination-page-noactive{opacity:0}.pagination-page-navigation .pagination-page-noactive,.pagination-page-navigation .pagination-page-previous,.pagination-page-navigation .pagination-page-next{display:block;font-size:clamp(14px,3vw,20px)}.pagination-page-navigation .pagination-page-previous:before,.pagination-page-navigation .pagination-page-next:before{all:unset;position:relative}.pagination-page-navigation .pagination-page-previous:before{content:'<';margin-right:0;position:absolute;top:50%;left:0;z-index:10;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.pagination-page-navigation .pagination-page-next:after{content:'>';margin-left:0;position:absolute;top:50%;right:0;z-index:10;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.pagination-page-previous .nav-name{padding-left:25px;-webkit-transition:var(--transition-def);-moz-transition:var(--transition-def);-o-transition:var(--transition-def);transition:var(--transition-def)}.pagination-page-next .nav-name{padding-right:25px;-webkit-transition:var(--transition-def);-moz-transition:var(--transition-def);-o-transition:var(--transition-def);transition:var(--transition-def)}.pagination-page-navigation .pagination-page-previous:before,.pagination-page-navigation .pagination-page-next:after{font-size:clamp(18px,3vw,40px);font-weight:500;font-family:var(--f-icon);color:var(--c-dark-gray);-webkit-transition:var(--transition-def);-moz-transition:var(--transition-def);-o-transition:var(--transition-def);transition:var(--transition-def)}.pagination-page-navigation .pagination-page-previous:hover:before,.pagination-page-navigation .pagination-page-next:hover:after,.pagination-page-navigation .pagination-page-next:hover .nav-name,.pagination-page-navigation .pagination-page-previous:hover .nav-name{color:var(--c-lighter-gray)}.pagination-page-navigation .pagination-page-all{display:none}.pagination-page-navigation .pagination-page-link{display:block;height:12px;width:12px;background:var(--c-lighter-gray);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.pagination-page-navigation .pagination-page-link:hover,.pagination-page-navigation .pagination-page-current{background-color:var(--c-dark-gray);-webkit-box-shadow:0 0 0 10px var(--c-dark),0 0 0 11px var(--c-dark-gray);-moz-box-shadow:0 0 0 10px var(--c-dark),0 0 0 11px var(--c-dark-gray);box-shadow:0 0 0 10px var(--c-dark),0 0 0 11px var(--c-dark-gray)}.nav-name{font-size:clamp(14px,1vw,20px);font-weight:500;margin:auto 0;color:var(--c-dark-gray)}@media only screen and (max-width:550px){.pagination-page-navigation .pagination-page-link{height:6px;width:6px}.pagination-page-navigation .nav-name{display:none}.pagination-page-navigation .pagination-page-link:hover,.pagination-page-navigation .pagination-page-current{-webkit-box-shadow:0 0 0 5px var(--c-dark),0 0 0 6px var(--c-dark-gray);-moz-box-shadow:0 0 0 5px var(--c-dark),0 0 0 6px var(--c-dark-gray);box-shadow:0 0 0 5px var(--c-dark),0 0 0 6px var(--c-dark-gray)}} /* End */ /* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1687388871666*/ div.bx-yandex-map {color: black; font-size: 11px;} div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;} div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td { padding: 0px !important; } div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{ font-size: 11px; } div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b { background-image: none !important; } /* End */ /* Start:/local/templates/.default/components/bitrix/catalog/otrajenie_1.0_portfolio_1.0/bitrix/catalog.section/.default/style.css?17719231824687*/ .main .portfolio { align-items: stretch; -webkit-align-items: stretch; } .project-list .portfolio-item { position: relative; margin: 0 20px 20px 0; height: -webkit-calc((100vw - 15px) / (3 * 0.75)); height: -moz-calc((100vw - 15px) / (3 * 0.75)); height: calc((100vw - 15px) / (3 * 0.75)); overflow: hidden; } .project-list .portfolio-item img { height: 100%; } .project-list .item-info .btn.btn-white:hover { color: var(--c-white); background-color: transparent; } .project-list .portfolio-item:nth-child(3n) { /*margin-right: 0;*/ } .project-list .item-img { width: 100%; height: 100%; padding: 0; margin: 0; } .project-list .item-img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .project-list .portfolio-item:before{ content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; opacity: 0; -webkit-transition: var(--transition-def); -moz-transition: var(--transition-def); -o-transition: var(--transition-def); transition: var(--transition-def); } .project-list .portfolio-item:hover:before { opacity: 1; } .project-list .item-info .btn { opacity: 0; text-transform: none; margin-bottom: -webkit-calc(-80px + 0.8em); margin-bottom: -moz-calc(-80px + 0.8em); margin-bottom: calc(-80px + 0.8em) ; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; } .project-list .portfolio-item:hover .btn { opacity: 1; margin: clamp(10px, 3vw, 40px) auto 30px; } .project-list .item-info { position: absolute; z-index: 2; bottom: 40px; left: 0; right: 0; color: var(--c-white); text-align: center; padding: 0 clamp(25px, 5vw, 90px) 0; } .section-portfolio .item-info address { font-style: normal; font-size: clamp(12px, 3vw, 20px); font-weight: 500; } .project-list .item-info .ttl { text-align: center; font-size: clamp(16px, 1.75vw, 24px); font-weight: 600; height: auto; overflow: hidden; margin: 0.8em 0; color: var(--c-white); } @media only screen and (min-width: 1921px) { .project-list .portfolio-item { width: -webkit-calc((100% - 60px) / 4); width: -moz-calc((100% - 60px) / 4); width: calc((100% - 60px) / 4); height: -webkit-calc((100vw - 15px) / (4 * 0.75)); height: -moz-calc((100vw - 15px) / (4 * 0.75)); height: calc((100vw - 15px) / (4 * 0.75)); } .project-list .portfolio .portfolio-item:nth-child(3n) { /*margin-right: 20px;*/ } .project-list .portfolio-item:nth-child(4n) { margin-right: 0; } } @media only screen and (max-width: 1920px) { .project-list .portfolio-item { width: -webkit-calc((100% - 40px) / 3); width: -moz-calc((100% - 40px) / 3); width: calc((100% - 40px) / 3); } .project-list .portfolio-item:nth-child(3n) { margin-right: 0; } .project-list .portfolio-item:nth-child(4n){ /*margin-right: 20px;*/ } } @media only screen and (max-width: 768px) { .project-list .portfolio { margin-left: var(--h-side-space-rvs); width: 100vw; } .project-list .portfolio-item { width: -webkit-calc((100% - 10px) / 2); width: -moz-calc((100% - 10px) / 2); width: calc((100% - 10px) / 2); height: -webkit-calc((100vw - 15px) / (2 * 0.75)); height: -moz-calc((100vw - 15px) / (2 * 0.75)); height: calc((100vw - 15px) / (2 * 0.75)); margin: 0 10px 10px 0; } .project-list .portfolio-item:nth-child(3n) { margin-right: 10px; } .project-list .portfolio-item:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 360px) { .project-list .portfolio { margin: 0; } .project-list .portfolio-item { width: 100%; height: -webkit-calc((100vw - 15px) / 0.75); height: -moz-calc((100vw - 15px) / 0.75); height: calc((100vw - 15px) / 0.75); } .project-list .portfolio-item { margin: 0 0 15px -20px; } .project-list .portfolio-item:nth-child(3n) { margin-right: 0; } } /* End */ /* /local/templates/.default/components/bitrix/catalog/otrajenie_1.0_portfolio_1.0/bitrix/catalog.section.list/light_1.0/style.min.css?1695798245382 */ /* /local/templates/.default/components/bitrix/catalog/otrajenie_1.0_portfolio_1.0/bitrix/catalog.smart.filter/.default/style.min.css?169579824416021 */ /* /local/templates/.default/components/bitrix/system.pagenavigation/otrajenie_1.0_nav_1.0/style.min.css?16957982474243 */ /* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1687388871666 */ /* /local/templates/.default/components/bitrix/catalog/otrajenie_1.0_portfolio_1.0/bitrix/catalog.section/.default/style.css?17719231824687 */