/* Start:/local/templates/sp/css/autoload/more-article.css?1731591137691*/
.more-article {
position:fixed;
z-index:100;
bottom:0;
width:100%;
display:flex;
justify-content:flex-end;
pointer-events:none;
box-sizing:border-box;
padding:0 16px 16px 16px;
transform:translateX(100%);
transition: transform 0.5s ease-in-out;
}
.more-article__active {
transform:translateX(0%);
}
.more-article__prev {
}
.more-article__btn {
pointer-events:auto;
height:38px;
padding:0 24px;
display:inline-flex;
align-items:center;
box-sizing:border-box;
background-color:#0C4291;
color:#fff;
text-transform:uppercase;
font-weight:500;
cursor:pointer;
position:relative;
text-decoration:none;
border-radius:0;
}
/* End */
/* Start:/local/templates/sp/css/autoload/slider-breadcrumbs.css?1731582169968*/
.slider-breadcrumbs {
transform: translateY(180px);
z-index: 100;
position: relative;
margin-left: calc(7.5% + 16px);
max-width: max-content;
color:#fff;
-webkit-backdrop-filter: blur(28px);
backdrop-filter: blur(28px);
padding:16px
}
.slider-breadcrumbs ul{
display:flex;
gap: 10px;
}
.slider-breadcrumbs li {
font-family: PTRootUI;
font-size: 18px;
font-weight: 500;
line-height: 100%;
}
.slider-breadcrumbs li:not(:last-child):after {
content: '/';
margin-left: 10px;
}
.slider-breadcrumbs a:hover {
color:#EF4003;
}
@media screen and (max-width:1000px){
}
@media screen and (max-width:1026px){
.slider-breadcrumbs{
transform: translateY(80px);
}
}
@media screen and (max-width:480px){
.slider-breadcrumbs {
margin: 0 16px;
padding:8px
}
.slider-breadcrumbs ul {
overflow-x:auto;
}
.slider-breadcrumbs li {
font-size: 16px;
white-space:nowrap;
}
}
/* End */
/* Start:/local/templates/sp/css/autoload/stickers.css?1731489169274*/
.stickers {
display:flex;
pointer-events:none;
}
.stickers__item {
width:40px;
height:40px;
margin-right:8px;
background-position:center;
background-size:contain;
background-repeat:no-repeat;
}
.stickers__item:last-child {
margin-right:0px;
}
/* End */
/* Start:/local/dist/css/autoload/article.css?17315912781347*/
.article {
}
.article a{
color:var(--Pricep-blue, #0C4291);
border-bottom:1px solid var(--Pricep-blue, #0C4291);
}
.article img{
max-width:100%;
}
.article {
margin:16px 0;
font-size:18px;
line-height:1.15;
}
.article p {
margin:16px 0;
font-size:18px;
line-height:1.15;
}
.article ul,ol {
margin:16px;
}
.article li {
font-size:16px;
margin:4px 0;
}
.article p:not([class]),
.article p[class=""] {
width:929px;
max-width:100%;
}
p.article__style0 {
width:100%;
}
p.article__style1 {
font-size:30px;
line-height:1.5;
}
p.article__style2 {
font-size:15px;
line-height:1.;
font-weight:600;
width:520px;
max-width:100%;
margin-left:calc(100% - 520px);
}
.article__snippet1 {
text-align:center;
}
p.article__snippet1-desc {
font-size:30px;
line-height:1.5;
}
p.article__snippet1-title {
font-size:75px;
line-height:1.15;
text-transform:uppercase;
}
@media screen and (max-width:1000px){
}
@media screen and (max-width:768px){
p.article__style2 {
margin-left:auto;
margin-right:auto;
text-align:right;
}
}
@media screen and (max-width:480px){
p.article__style1 {
font-size:24px;
}
p.article__snippet1-desc {
font-size:15px;
}
p.article__snippet1-title {
font-size:34px;
}
}
/* End */
/* Start:/local/dist/css/autoload/employees.css?17325499992098*/
.employees {
margin:7.5em 1em;
}
.employees a:hover{
color:#EF4003;
}
.employees__items {
display:flex;
gap:48px 32px;
margin-right:-32px;
flex-wrap:wrap;
}
.employees__item {
width:0;
flex:0 0 calc(100% / 6 - 32px);
display:flex;
flex-direction:column;
}
.employees__view {
margin-bottom:18px;
}
.employees__photo {
margin: auto;
overflow: hidden;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
background-color:#efefef;
}
.employees__photo:before {
content: "";
padding-top: 110%;
float: left;
}
.employees__content {
display:flex;
flex-direction:column;
flex-grow:1;
}
.employees__head {
flex-grow:1;
}
.employees__name {
font-size: 1.5rem;
line-height:1.15em;
font-weight: 500;
}
.employees__job-title {
}
.employees__contact {
flex-grow:1;
margin-top:12px;
font-size: 1rem;
line-height:1.15rem;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.employees__phone {
}
.employees__email {
word-break:break-all;
}
@media screen and (max-width:1000px){
.employees__items {
gap:36px 18px;
margin-right:-18px;
}
.employees__item {
flex:0 0 calc(33.33% - 18px);
}
.employees__email a {
font-size:calc(12px + (16 - 12) * (100vw - 360px) / (1000 - 360));
}
}
@media screen and (max-width:768px){
.employees {
margin:3em 1em;
}
.employees__item {
flex:0 0 calc(50% - 18px);
}
.employees__name {
font-size: 1.2rem;
}
}
@media screen and (max-width:480px){
.employees__items {
gap:16px 8px;
margin-right:-8px;
}
.employees__item {
flex:0 0 calc(50% - 8px);
}
.employees__view {
margin-bottom:8px;
}
.employees__name {
font-size:1rem;
}
.employees__job-title {
}
.employees__contact {
font-size:0.875rem;
}
}
@media screen and (max-width:360px){
.employees__items {
margin-right:0px;
}
.employees__item {
flex:0 0 100%;
}
.employees__email a{
font-size:0.875rem;
}
}
/* End */
/* Start:/local/dist/css/autoload/fluid.css?1731587476533*/
.fluid {
position:relative;
padding:32px 0;
margin:32px 0;
}
.fluid > :first-child{
margin-top:0;
}
.fluid > :last-child{
margin-bottom:0;
}
.fluid:before {
content:"";
display:block;
position:absolute;
left:50%;
top:0;
width:100vw;
height:100%;
transform:translateX(-50%);
background:#eee;
}
.fluid > * {
position:relative;
}
@media screen and (min-width:1000px){
}
@media screen and (max-width:1000px){
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}
/* End */
/* Start:/local/dist/css/autoload/form-error.css?1732302154261*/
.form-error {
text-align:left;
color:#e92f2a;
margin-bottom:4px;
}
.form-error-common{
text-align:left;
color:#e92f2a;
margin-bottom:4px;
background-color:rgba(233,47,42,.1);
border:1px solid #e92f2a;
padding:8px;
box-sizing:border-box;
}
/* End */
/* Start:/local/dist/vendor/slick/slick-theme.css?17350334833443*/
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list
{
background: #fff url('/local/dist/vendor/slick/./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
font-display: swap;
src: url('/local/dist/vendor/slick/./fonts/slick.eot');
src: url('/local/dist/vendor/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/dist/vendor/slick/./fonts/slick.woff2') format('woff2'), url('/local/dist/vendor/slick/./fonts/slick.woff') format('woff'), url('/local/dist/vendor/slick/./fonts/slick.ttf') format('truetype'), url('/local/dist/vendor/slick/./fonts/slick.svg#slick') format('svg');
font-display: swap;
}
/* 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-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[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-family: 'slick';
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;
}
/* End */
/* Start:/local/dist/vendor/slick/slick.css?17350335531895*/
/* Slider */
.slick-slider
{
position: relative;
display: block;
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);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-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;
}
/* End */
/* Start:/local/dist/css/nouislider.min.css?17207023024295*/
/*! nouislider - 14.6.3 - 11/19/2020 */
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
/* End */
/* Start:/local/dist/css/magnific-popup.css?17207023027262*/
/* 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;
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: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-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;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
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-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%;
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;
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;
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; }
@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;
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 all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
/* End */
/* Start:/local/dist/css/style.css?1764840611149601*/
@charset "UTF-8";
@font-face {
font-family: GraphikLCG;
font-display: swap;
src: url("/local/dist/css/../fonts/GraphikLCG-Bold.woff2") format("woff2"), url("/local/dist/css/../fonts/GraphikLCG-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: GraphikLCG;
font-display: swap;
src: url("/local/dist/css/../fonts/GraphikLCG-Medium.woff2") format("woff2"), url("/local/dist/css/../fonts/GraphikLCG-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: GraphikLCG;
font-display: swap;
src: url("/local/dist/css/../fonts/GraphikLCG-Regular.woff2") format("woff2"), url("/local/dist/css/../fonts/GraphikLCG-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: GraphikLCG;
font-display: swap;
src: url("/local/dist/css/../fonts/GraphikLCG-Semibold.woff2") format("woff2"), url("/local/dist/css/../fonts/GraphikLCG-Semibold.woff") format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: PTRootUI;
font-display: swap;
src: url("/local/dist/css/../fonts/PTRootUI-Bold.woff2") format("woff2"), url("/local/dist/css/../fonts/PTRootUI-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: PTRootUI;
font-display: swap;
src: url("/local/dist/css/../fonts/PTRootUI-Regular.woff2") format("woff2"), url("/local/dist/css/../fonts/PTRootUI-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: PTRootUI;
font-display: swap;
src: url("/local/dist/css/../fonts/PTRootUI-Medium.woff2") format("woff2"), url("/local/dist/css/../fonts/PTRootUI-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
}
* {
padding: 0px;
margin: 0px;
border: 0px;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
height: 100%;
min-width: 300px;
}
body {
color: #000;
line-height: 1;
font-family: "GraphikLCG";
font-size: 0.875rem;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: none;
}
input,
button,
textarea {
font-family: "GraphikLCG";
font-size: inherit;
}
button {
cursor: pointer;
color: inherit;
background-color: inherit;
}
a {
color: inherit;
}
a:link,
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
ul li {
list-style: none;
}
img {
vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: inherit;
font-size: inherit;
}
.lock body {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
}
.header__catalog::-webkit-scrollbar,
.filter-catalog__content::-webkit-scrollbar, .block-catalog__wrap::-webkit-scrollbar {
width: 0;
height: 0;
}
.header__catalog, .filter-catalog__content, .block-catalog__wrap {
-ms-overflow-style: none;
}
.header__catalog, .filter-catalog__content, .block-catalog__wrap {
overflow: -moz-scrollbars-none;
}
.wrapper {
/*min-height: 100%;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
.wrapper > main {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.wrapper > * {
min-width: 0;
}
/*
(i) Стили будут применяться ко
всем классам содержащим *__container
Например header__container, main__container и т.д.
Снипет (HTML): cnt
*/
[class*=__container] {
max-width: 120rem;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin: 0 auto;
padding: 0 1.25rem;
}
[class*=-ibg] {
position: relative;
}
[class*=-ibg] img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
[class*=-ibg_contain] img {
-o-object-fit: contain;
object-fit: contain;
}
/* Remove outline on the forms and links */
:active,
:hover,
:focus {
outline: 0;
outline-offset: 0;
}
h3 {
margin: 5px 0;
}
.sliderContainer {
position: relative;
height: 100%;
}
.slider {
width: 100%;
}
.slider-slide {
width: 100%;
max-height: 100vh;
min-height: 700px;
aspect-ratio: 1920 / 1000;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: flex !important;
align-items: center;
transition: opacity 0.5s ease-in-out;
}
.slider-slide__container {
width: 100%;
}
.slider-slide__content {
background: var(--pricep-colorblur, rgba(0, 0, 0, 0.1));
width: max-content;
max-width: min-content;
padding: 2.5rem;
min-width: 12rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
gap: 1.5rem;
justify-content: flex-start;
text-align: left;
margin-left: 7.5%;
/* блюра пидарюлка */
-webkit-backdrop-filter: blur(28px);
backdrop-filter: blur(28px);
color: white;
}
.slider-slide__content_sc {
background: var(--pricep-colorblur, rgba(0, 0, 0, 0.1));
width: max-content;
max-width: 36.3125rem;
padding: 2.5rem;
min-width: 12rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
gap: 1.5rem;
justify-content: flex-start;
text-align: left;
margin-left: 7.5%;
/* блюра пидарюлка */
-webkit-backdrop-filter: blur(28px);
backdrop-filter: blur(28px);
color: white;
}
.slider-horizontal-scroll-2 .slick-slide {
margin-left: 20px;
}
.slider-slide__title {
font-size: 3.5rem;
font-family: GraphikLCG;
}
.slider-vertical .slider-slide__title {
font-size: 2.5rem;
}
.slider-vertical .slider-slide__desc {
font-size: 1.125rem;
line-height: 1.2;
}
.slider-slide__desc {
font-size: 1.20rem;
line-height: 110%;
/* 22px */
font-family: GraphikLCG;
}
.slider-slide__button {
font-size: 1.25rem;
text-transform: uppercase;
display: flex;
align-items: center;
}
.slider-slide__button svg {
display: block;
fill: #fff;
transition: 0.3s fill;
}
.slider-slide__button span {
padding-left: 14px;
transition: 0.3s color;
}
.slick-slide {
color: white;
font-size: 30px;
font-family: "Arial", "Helvetica";
text-align: center;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slick-dots {
bottom: -30px;
}
.progressBarContainer {
position: absolute;
bottom: 40px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
right: 3%;
display: block;
}
.progressBarContainer div {
display: block;
/* width: 30%;*/
min-width: 12px;
height: 12px;
padding: 0;
cursor: pointer;
margin-right: 0.75rem;
float: left;
color: white;
}
.progressBarContainer div span.progressBar {
width: 100%;
height: 12px;
background-color: rgba(255, 255, 255, 0.4);
display: block;
border-radius: 6px;
min-width: none;
-webkit-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}
.progressBarContainer div span.progressBar .inProgress {
width: 0%;
height: 12px;
border-radius: 6px;
max-width: 100%;
}
.progressBarContainer div span.progressBar.progress-active {
min-width: 12.8125rem;
}
.progressBarContainer div span.progressBar.progress-active .inProgress {
background-color: rgb(255, 255, 255);
}
.progressBarContainer div:last-child {
margin-right: 0;
}
.slider-container {
position: relative;
min-height: 100vh;
overflow: hidden;
}
.slider2 {
height: 100%;
}
/*2 слайдер */
.slider-container {
position: relative;
height: 100vh;
/* 100% высоты экрана */
overflow: hidden;
}
.slider2 {
height: 100%;
width: 100%;
}
.slider-2 .slide {
position: relative;
height: 100%;
}
.slider-2 .slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
/* Чтобы изображение занимало всю высоту слайда */
}
.slider-2 .content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
/* Цвет текста */
}
.slider-2 .progress-bar {
position: absolute;
top: 0;
left: 0;
width: 10px;
/* Ширина прогрессбара */
height: 100%;
background-color: #00f;
/* Цвет прогрессбара */
}
.slider-2 .slick-prev,
.slider-2 .slick-next {
font-size: 24px;
color: #fff;
/* Цвет кнопок */
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
cursor: pointer;
}
.slider-2 .slick-prev {
left: 10px;
}
.slider-2 .slick-next {
right: 10px;
}
/* кастомные стили Роман */
.branch {
margin-top: 1.25rem;
}
.branch__content {
overflow-x: hidden;
}
.branch__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
overflow: hidden;
}
.branch__item {
-webkit-transition: -webkit-transform 0.5s, -webkit-box-ordinal-group 0.5s;
transition: -webkit-transform 0.5s, -webkit-box-ordinal-group 0.5s;
transition: transform 0.5s, order 0.5s;
transition: transform 0.5s, order 0.5s, -webkit-transform 0.5s, -webkit-box-ordinal-group 0.5s, -ms-flex-order 0.5s;
transition: order 0.3s;
}
.branch__item.order-dontMov {
position: relative;
z-index: 2;
transition: order none;
}
.branch__btns {
margin-top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 46px;
}
.branch__btns a {
cursor: pointer;
}
.branch__btns a path {
transition: 0.3s fill, 0.3s stroke;
}
.branch__btns a:hover path {
fill: #000;
stroke: #000;
}
.branch__item {
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: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 40px;
padding: 20px;
border: 1px solid #E2E4E8;
background: #FFF;
min-width: 297px;
}
.branch__item-mob {
display: none;
}
.branch__item:not(.order-dontMov):hover {
background: #EF4003;
border: 1px solid #EF4003;
}
.branch__item:not(.order-dontMov):hover svg path,
.branch__item:not(.order-dontMov):hover svg circle,
.branch__item:not(.order-dontMov):hover svg rect {
fill: white;
}
.branch__item:not(.order-dontMov):hover .branch__item-text {
color: #FFF;
}
.branch__item-text {
margin-top: auto;
color: #0F181C;
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 100%;
}
.branch__item-title {
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 100%;
}
.header {
background: var(--pricep-colorblur, rgba(0, 0, 0, 0.4));
-webkit-backdrop-filter: blur(28px);
backdrop-filter: blur(28px);
position: fixed;
top: 0;
z-index: 9;
width: 100%;
}
.header.active-blue {
background: var(--Pricep-blue, #0C4291);
/* блюра пидарюлка */
backdrop-filter: blur(28px);
}
.header__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
.header__holder {
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid rgba(255, 255, 255, 0.20);
}
.header__catalog {
display: flex;
flex-wrap: nowrap;
align-items: center;
overflow-y: hidden;
overflow-x: auto;
padding: 0 20px;
}
.header__box {
display: block;
font-size: 18px;
line-height: 1.1;
color: #FFF;
text-transform: uppercase;
white-space: nowrap;
padding: 20px 0;
font-weight: 500;
font-family: PTRootUI;
}
.header__box.active, .header__box:hover {
color: #EF4003;
}
.header__catalog li:not(:last-child) {
margin-right: 20px;
}
.header__icon {
display: block;
width: 20px;
height: 20px;
margin: 0rem 2.5rem;
/*margin-left: auto;*/
}
.header__menu-mobile a {
padding: 32px 40px;
background: var(--pricep-white-20, rgba(217, 217, 217, 0.2));
}
.header__logo {
max-width: 294px;
margin-left: 40px;
display: flex !important;
flex-shrink: 0;
}
.header__logo img {
max-width: 100%;
}
.header__menu-right {
margin-left: auto;
}
.header__phone {
margin-right:2.5rem;
}
.header__personal {
display:none;
}
.menu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.menu__item {
color: var(--pricep-white, #FFF);
font-family: "PTRootUI";
font-size: 1.125rem;
font-weight: 500;
line-height: 110%;
/* 19.8px */
text-transform: uppercase;
}
.repair-uniqum-trade {
/*display: none;*/
}
.menu__item:hover {
color: var(--Pricep-orange, #EF4003);
}
.menu__link {
padding: 32px 10px;
display: block;
}
.icon-menu {
display: none;
}
.footer {
background: #0F181C;
padding: 2.5rem 0;
color: #fff;
font-size: 1.125rem;
font-weight: 400;
line-height: 120%;
}
.footer__text {
margin-bottom: 36px;
}
.footer__text.link {
color: #BEBEBE;
}
.footer__btn {
cursor: pointer;
max-width: 238px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #FFF;
padding: 16px 10px;
text-align: center;
text-transform: uppercase;
margin-bottom: 40px;
font-weight: 500;
font-family: PTRootUI;
transition: 0.3s color, 0.3s background-color;
}
.footer__btn svg {
display: block;
fill: #fff;
margin-right: 14px;
transition: 0.3s fill;
}
.footer__btn:hover {
color: #EF4003;
border-color: #EF4003;
transition: all 0.3s;
}
.footer__btn:hover svg {
fill: #EF4003;
}
.footer__columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer__column {
min-width: 20%;
flex-basis: 20%;
padding-right: 10px;
}
.footer__column img {
display: block;
max-width: 100%;
}
.footer__column:nth-child(1) {
min-width: 30%;
flex-basis: 30%;
padding-right: 30px;
}
.footer__column:nth-child(2) {
min-width: 30%;
flex-basis: 30%;
}
.footer__logo {
margin-bottom: 16px;
display: block;
}
.footer__title {
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 2rem;
}
.footer__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.5rem;
}
.footer__menu a {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.footer__phone {
font-size: 24px;
margin-top: 2rem;
font-weight: 500;
display: block;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.footer__copiright {
padding-top: 3.125rem;
}
.footer-top {
padding-bottom: 3.125rem;
}
.footer-bottom {
padding: 3.125rem 0;
}
.social__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 2rem;
gap: 0.125rem;
position:relative;
z-index:100;
}
.link {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.slider-home {
max-height: 100vh;
}
.catalog__column-text {
padding: 7.5rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.catalog__column-text.concurs__column-text {
padding-left: 0;
}
.catalog__title {
flex-basis: 50%;
}
.catalog__title h3 {
max-width: 608px;
font-size: 2.5rem;
font-weight: 400;
line-height: 100%;
color: var(--pricep-dark-blue, #0F181C);
margin: 0;
margin-left: auto;
}
.catalog__text {
flex-basis: 50%;
padding-left: 160px;
}
.catalog__text p {
max-width: 455px;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.2;
color: var(--pricep-dark-blue, #0F181C);
}
.catalog__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.25rem;
}
.catalog__item {
flex-basis: calc((100% - 20px) / 2);
padding: 1.25rem;
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
min-height: 25rem;
background-color: #F3F5F4;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
overflow: hidden;
}
.catalog__item:nth-child(5),
.catalog__item:nth-child(6),
.catalog__item:nth-child(7) {
flex-basis: calc((100% - 40px) / 3);
}
.catalog__button {
font-family: PTRootUI;
font-size: 20px;
font-weight: 500;
line-height: 24px;
text-align: left;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #BEBEBE;
margin-top: 0.625rem;
display: none;
}
.catalog__button::before {
content: url("data:image/svg+xml,");
height: 1.25rem;
display: inline-block;
margin-right: 0.875rem;
}
.catalog__item-title {
font-size: 2.5rem;
font-weight: 400;
line-height: 100%;
color: var(--pricep-dark-blue, #0F181C);
margin-bottom: 2rem;
}
.contact {
padding: 7.5rem 0 7.5rem 0;
}
.contact__columns {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.catalog .contact__columns {
margin-left: 315px;
}
.contact__columns {
max-width: 1240px;
}
.contact__column:first-child {
width: calc(100% - 455px);
padding-right: 30px;
}
.contact__column:last-child {
width: 455px;
}
.contact__image-block {
padding-left: 10%;
padding-bottom: 7.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.25rem;
}
.slider-horizontal-scroll .slick-slide {
margin-left: 20px;
}
.contact__image-block img {
display: block;
width: auto;
height: auto;
}
.contact__title {
font-size: 2.5rem;
font-weight: 400;
line-height: 100%;
color: var(--pricep-dark-blue, #0F181C);
margin-bottom: 2rem;
}
.contact__text {
max-width: 350px;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.2;
color: var(--pricep-dark-blue, #0F181C);
}
.contact__button {
font-size: 1.25rem;
font-weight: 500;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--pricep-orange, #EF4003);
padding: 1.25rem 0.9375rem;
color: #fff;
border: 1px solid #EF4003;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.contact__button::before {
content: url("data:image/svg+xml,");
height: 1.25rem;
display: inline-block;
margin-right: 0.875rem;
}
.contact form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.625rem;
max-width: 28.4375rem;
}
.input {
color: var(--pricep-dark-blue, #0F181C);
font-size: 1rem;
font-weight: 400;
padding: 20px 15px;
background: var(--pricep-light-grey, #F3F5F4);
}
textarea.input {
resize: none;
}
@media (any-hover: hover) {
.slider-slide__button:hover span {
color: var(--pricep-orange, #EF4003);
}
.slider-slide__button:hover svg {
fill: var(--pricep-orange, #EF4003);
}
.footer__menu a:hover {
color: #EF4003;
}
.footer__phone:hover {
color: #EF4003;
}
.link:hover {
color: #EF4003;
}
.catalog__item:hover {
/ / background-color: #454547;
}
.catalog__item:hover .catalog__button {
display: flex;
}
.catalog__button:hover {
color: var(--pricep-orange, #EF4003);
}
.catalog__button:hover::before {
content: url("data:image/svg+xml,");
}
.contact__button:hover {
color: var(--pricep-orange, #EF4003);
background: #fff;
cursor: pointer;
}
.contact__button:hover::before {
content: url("data:image/svg+xml,");
}
}
/* Page catalog */
.filter-catalog {
background-color: #F3F5F4;
padding: 20px 0;
margin-bottom: 120px;
}
.filter-catalog__title {
display: none;
align-items: center;
justify-content: center;
font-size: 20px;
line-height: 1.2;
color: #000;
margin-bottom: 20px;
font-weight: 400;
}
.filter-catalog__number {
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
line-height: 2;
width: 20px;
height: 20px;
color: #FFF;
background-color: #EF4003;
text-align: center;
border-radius: 50%;
margin-right: 8px;
font-family: GraphikLCG;
}
.filter-catalog__sort {
display: flex;
align-items: center;
cursor: pointer;
font-size: 20px;
line-height: 1.2;
color: #000;
font-weight: 400;
margin-bottom: 20px;
}
.filter-catalog__sort span {
padding-right: 5px;
}
.filter-catalog__holder {
display: flex;
align-items: center;
justify-content: space-between;
}
.filter-catalog__wrap {
display: flex;
flex-wrap: wrap;
}
.filter-catalog__item--aside {
width: 275px;
}
.filter-catalog__item--content {
width: calc(100% - 275px);
padding-left: 40px;
}
.filter-catalog__content {
display: flex;
overflow-y: hidden;
overflow-x: auto;
}
.filter-catalog__data {
cursor: pointer;
white-space: nowrap;
margin-bottom: 20px;
}
.filter-catalog__data svg {
fill: #0F181C;
}
.filter-catalog__data span {
font-size: 14px;
line-height: 1;
color: #0F181C;
padding-left: 8px;
font-family: GraphikLCG;
}
.filter-catalog__data:not(:last-child) {
margin-right: 20px;
}
.filter-catalog__row {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.filter-catalog__box {
width: calc(100% / 2 - 20px);
margin: 0 10px;
margin-bottom: 20px;
display: flex;
flex-direction: column;
}
.filter-catalog__text {
background-color: #fff;
padding: 40px;
padding-top: 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.filter-catalog__category {
font-size: 20px;
line-height: 1.1;
color: #000;
padding-top: 20px;
margin-bottom: 28px;
font-weight: 500;
}
.filter-catalog__subtitle {
max-width: 576px;
width: 100%;
font-size: 32px;
line-height: 1;
margin-bottom: 30px;
}
.filter-catalog__block {
display: flex;
flex-wrap: wrap;
background-color: #F3F5F4;
padding: 18px 18px 0 18px;
}
.availability .filter-catalog__subtitle {
max-width: 414px;
display: block;
}
.filter-catalog__image img {
display: block;
width: 100%;
max-width: 100%;
aspect-ratio: 612 / 448;
object-fit: cover;
}
.filter-catalog__image{
position:relative;
}
.filter-catalog__stickers {
position:absolute;
top:16px;
right:16px;
}
.filter-catalog__elem {
margin-bottom: 18px;
}
.filter-catalog__elem:not(:last-child) {
margin-right: 40px;
}
.filter-catalog__desc {
font-size: 20px;
line-height: 1.1;
color: #A1A1A1;
margin-bottom: 6px;
}
.filter-catalog__excerpt {
font-size: 20px;
line-height: 1.1;
color: #0F181C;
}
.filter-catalog__col {
position: relative;
cursor: pointer;
user-select: none;
}
.filter-catalog__col:after {
position: absolute;
content: '';
width: 10px;
height: 10px;
right: 20px;
top: calc(50% - 4px);
border-right: 1px solid #BEBEBE;
border-bottom: 1px solid #BEBEBE;
pointer-events: none;
transform: rotate(45deg) translateY(-50%);
transition: 0.3s transform, 0.3s top;
}
.filter-catalog__col, .filter-catalog__info {
font-size: 18px;
line-height: 1.2;
color: #000;
padding: 17px 20px;
}
.filter-catalog__col,
.filter-catalog__col.active {
background-color: #fff;
}
/*.filter-catalog__col.active:after {
top: calc(50% - 2px);
transform: rotate(45deg) scale(-1);
}*/
.filter-catalog__point {
font-size: 18px;
color: #000;;
line-height: 1.2;
/ / padding: 12 px 20 px;
}
.filter-catalog__label span {
color: #BEBEBE;
}
.filter-catalog__label {
user-select: none;
position: relative;
cursor: pointer;
padding-left: 28px;
}
.filter-catalog__label:after {
position: absolute;
content: '';
left: 0;
width: 20px;
height: 20px;
border: 1px solid #BEBEBE;
border-radius: 2px;
}
.filter-catalog__input:checked + .filter-catalog__label:after {
background-image: url(/local/dist/css/../img/checkbox-new.svg);
background-repeat: no-repeat;
background-position: center;
}
.filter-catalog__input {
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
}
.smart-filter__checkbox {
padding: 12px 0;
}
.filter-catalog__category-first {
padding-top: 0;
}
.filter-catalog__inner {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 20px;
margin-bottom: 28px;
}
.filter-catalog__count {
font-size: 18px;
line-height: 1.2;
color: #000;
}
.filter-catalog__count span {
color: #BEBEBE;
}
.filter-catalog__wrap-btn {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 6px;
}
.filter-catalog__btn {
max-width: 128px;
width: 100%;
font-size: 20px;
line-height: 1.1;
padding: 15px 10px;
border-radius: 5px;
}
.filter-catalog__btn--save {
color: #fff;
background-color: #EF4003;
}
.filter-catalog__btn--reset {
border: 1px solid #000;
}
.noUi-base {
position: relative;
}
.noUi-target {
cursor: pointer;
}
.noUi-base:after {
position: absolute;
content: '';
top: 50%;
left: 0;
width: 100%;
height: 4px;
transform: translateY(-50%);
background-color: #BEBEBE;
}
.noUi-horizontal .noUi-handle {
width: 16px;
height: 16px;
top: 0;
background-color: #000;
border: none;
border-radius: 50%;
box-shadow: none;
}
.noUi-handle.noUi-handle-lower {
right: -15px;
}
.noUi-handle.noUi-handle-upper {
right: 0;
}
.noUi-target {
display: flex;
align-items: center;
border: none;
background-color: transparent;
box-shadow: none;
}
.noUi-handle:after, .noUi-handle:before {
display: none;
}
.popup-filter {
position: fixed;
opacity: 0;
visibility: hidden;
z-index: 12;
max-width: 475px;
width: 100%;
bottom: 20px;
right: 20px;
border-radius: 20px;
background: #FFF;
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
padding: 40px;
transition: 0.25s opacity, 0.25s visibility;
}
.popup-filter.active {
opacity: 1;
visibility: visible;
}
.popup-filter__holder {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 50px;
}
.popup-filter__del svg {
fill: #0F181C;
}
.popup-filter__title {
font-size: 24px;
line-height: 1;
color: #000;
font-weight: 500;
}
.popup-filter__elem {
position: relative;
font-size: 20px;
line-height: 1.1;
color: #000;
border: 1px solid #EDEDED;
padding: 10px;
padding-right: 25px;
}
.popup-filter__elem--row {
display: flex;
gap: 20px;
}
.titleFilter {
max-width: 164px;
}
.popup-filter__elem:not(:last-child) {
margin-bottom: 12px;
}
.popup-filter__del {
position: absolute;
top: 10px;
right: 10px;
}
.popup-filter__close svg {
fill: #EF4003;
}
.policy {
display: flex;
padding: 12px 0;
}
.policy label {
cursor: pointer;
display: flex;
align-items: center;
position: relative;
font-size: 12px;
line-height: 1;
/* color: #BEBEBE; */
color: #000;
padding-left: 26px;
}
.policy label:after {
position: absolute;
content: '';
left: 0;
width: 18px;
height: 18px;
/* border: 1px solid #BEBEBE; */
border: 1px solid #000;
border-radius: 2px;
}
.policy_error label {
color: #e92f2a;
}
.policy_error label:after {
border-color: #e92f2a;
}
.policy input:checked + label:after {
background-image: url(/local/dist/css/../img/mark.svg);
background-repeat: no-repeat;
background-position: center;
}
.policy input {
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
}
.header__mob {
display: none;
}
.header__block {
display: none;
align-items: center;
width: 0;
opacity: 0;
visibility: visible;
padding-left: 40px;
}
.header__btn {
display: flex;
cursor: pointer;
width: 20px;
height: 20px;
margin-right: 40px;
}
.header__input {
display: block;
font-size: 18px;
line-height: 1.1;
color: #fff;
text-transform: uppercase;
width: calc(100% - 40px);
padding: 32px 0px;
padding-right: 20px;
background-color: transparent;
font-weight: 500;
font-family: PTRootUI;
}
.header__input::placeholder {
color: rgba(255, 255, 255, 0.20);
}
.header__btn svg {
display: block;
}
.header__search {
margin-left: 40px;
}
.header__menu-left {
margin: 0 auto;
}
header.active .header__block {
display: flex;
width: calc(100% - 316px);
margin-right: auto;
opacity: 1;
visibility: visible;
}
header.active .header__menu-right,
header.active .header__menu-left,
header.active .header__logo,
header.active .header__search.search {
display: none;
}
.result {
position: fixed;
z-index: -1;
margin-top: 87px;
left: 0;
width: 100%;
opacity: 0;
visibility: visible;
}
.result.active {
z-index: 11;
opacity: 1;
visibility: visible;
}
.result__holder {
background-color: #fff;
width: 100%;
padding: 40px;
margin-right: 373px;
margin-left: 373px;
border-radius: 0 0 5px 5px;
overflow: hidden;
}
.result__image {
width: 36px;
}
.result__content {
width: calc(100% - 36px);
padding-left: 8px;
}
.result__image img {
display: block;
max-width: 100%;
height: 100%;
object-fit: contain;
border-radius: 2px;
overflow: hidden;
}
.result__btn {
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
opacity: 0;
visibility: hidden;
transition: 0.25s opacity, 0.25s visibility;
}
.result__item {
display: block;
position: relative;
display: flex;
padding: 8px 32px;
padding-bottom: 3px;
padding-left: 10px;
transition: 0.3s background-color;
border-radius: 4px;
}
.result__item:hover {
background-color: #F3F5F4;
}
.result__item:hover .result__btn {
opacity: 1;
visibility: visible;
}
.result__item:not(:last-child) {
margin-bottom: 12px;
}
.result__title {
font-size: 16px;
color: #0F181C;
margin-bottom: 8px;
font-family: GraphikLCG;
}
.result__list {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.result__link {
font-size: 12px;
color: #A6A6A6;
font-family: GraphikLCG;
margin-bottom: 5px;
}
.result__list li:not(:last-child) .result__link:after {
content: '/';
font-family: GraphikLCG;
font-size: 12px;
color: #A6A6A6;
margin-left: 6px;
margin-right: 8px;
}
.result__subtitle {
font-size: 16px;
color: #0F181C;
padding-top: 12px;
padding-bottom: 20px;
border-top: 1px solid #F3F5F4;
margin-top: 8px;
font-family: GraphikLCG;
}
.industry {
padding-top: 145px;
}
.industry__wrap {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
padding-bottom: 60px;
}
.industry__item {
width: calc(100% / 3 - 20px);
border: 1px solid #E2E4E8;
border-radius: 5px;
background-color: #FFF;
padding: 20px;
margin: 0 10px;
margin-bottom: 60px;
}
.industry__title {
font-size: 40px;
color: #0F181C;
line-height: 1;
margin-bottom: 28px;
font-family: GraphikLCG;
}
.industry__text p {
font-size: 20px;
line-height: 1.1;
color: #0F181C;
margin-bottom: 30px;
font-family: GraphikLCG;
}
.btn {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
background-color: #EF4003;
border: 1px solid #EF4003;
padding: 19px 5px;
transition: 0.3s background-color;
}
.btn svg {
display: block;
fill: #fff;
margin-right: 12px;
transition: 0.3s fill;
}
.btn span {
font-size: 20px;
color: #F3F5F4;
font-weight: 500;
text-transform: uppercase;
font-family: PTRootUI;
transition: 0.3s color;
}
.btn:hover {
background-color: #fff;
}
.btn:hover span {
color: #EF4003;
}
.btn:hover svg {
fill: #EF4003;
}
@media (min-width: 1351px) {
.mob-filter {
display: none;
}
}
.mob-filter {
position: fixed;
z-index: 12;
top: 0px;
left: 0;
width: 100%;
background-color: #fff;
transform: translateY(-120%);
transition: 0.3s transform;
padding: 20px;
max-height: calc(100vh - 68px);
overflow-y: auto;
overflow-x: none;
}
.mob-filter.active {
top: 68px;
transform: none;
}
.filter-catalog__list {
padding-top: 12px;
}
.filter-catalog__mob-block {
display: none;
}
.filter-catalog__industry {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-bottom: 12px;
}
.filter-catalog__topic {
margin-bottom: 8px;
}
.filter-catalog__topic:not(:last-child) {
margin-right: 8px;
}
.filter-catalog__topic input {
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
}
.filter-catalog__topic label {
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 1.2;
color: #000;
background-color: #fff;
border-radius: 5px;
padding: 12px 8px;
font-family: GraphikLCG;
}
.filter-catalog__topic input:checked + label {
color: #fff;
background: #EF4003;
}
/* style3 */
.delivery-options {
/*margin-bottom: 120px;*/
}
.delivery__options-image {
object-fit: cover;
object-position: center;
flex-shrink: 0;
}
.delivery-options__content {
display: flex;
height: 100%;
border-bottom: 1px solid #E2E4E8;
}
.delivery__options-image {
max-width: 100%;
width: 50%;
max-height: 100%;
height: 100%;
}
.delivery-options__info {
display: flex;
flex-direction: column;
}
.delivery-options__obertTabs {
display: flex;
justify-content: flex-end;
}
.delivery-options__tabs {
display: flex;
width: 50%;
gap: 20px;
padding-top: 30px;
padding-bottom: 30px;
border-top: 1px solid #E2E4E8;
border-bottom: 1px solid #E2E4E8;
transform: translateY(100%);
}
.delivery-options__tab--content {
display: flex;
flex-direction: column;
gap: 48px;
height: calc(100% - 80px);
justify-content: center;
}
.delivery-options__content {
display: none;
opacity: 0; /* Добавляем начальное значение прозрачности */
transition: opacity 0.5s ease;
}
.delivery-options__content.active {
display: flex;
opacity: 1;
}
.delivery-options__tabs, .delivery-options__tab--content {
padding-left: 168px;
padding-right: 20px;
}
.delivery-options__tab--items {
max-width: 608px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 72px 100px;
}
.delivery-options__tab--item {
display: flex;
flex-direction: column;
gap: 24px;
}
.delivery-options__tab {
color: #0F181C;
font-family: PTRootUI;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 110%; /* 19.8px */
text-transform: uppercase;
cursor: pointer;
}
.delivery-options__tab:hover, .delivery-options__tab.active {
color: #EF4003;
}
.head-h2.orange {
color: #EF4003;
}
.delivery-options__description {
color: #000;
font-family: GraphikLCG;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.delivery-options__tab--head {
margin-top: 120px;
display: flex;
flex-direction: column;
gap: 18px;
}
.head-h4 {
color: #000;
font-family: GraphikLCG;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 24px */
}
.delivery-options__tab--item-attributes {
font-family: GraphikLCG;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.spares__container {
max-width: 1246px;
}
.spares__img {
width: 100%;
height: 665px;
object-fit: cover;
object-position: center;
}
@media (max-width: 1280px) {
.delivery-options__tabs {
padding-left: 7%;
}
.delivery-options__tab--content {
padding-left: 14%;
}
}
@media (max-width: 990px) {
.repair-uniqum-trade {
display: block;
}
.delivery-options__obertTabs {
display: none;
}
.delivery-options__content {
display: flex;
opacity: 1;
flex-direction: column;
gap: 40px;
}
.delivery-options {
height: max-content;
}
.delivery__options-image {
width: 100%;
aspect-ratio: 320 / 207;
object-fit: cover;
object-position: center;
}
.delivery-options__tab--content {
padding: 0 20px;
}
.delivery-options__wrapper {
display: flex;
flex-direction: column;
gap: 44px;
}
.head-h2.orange {
color: #0F181C;
}
.delivery-options__tab--item .head-h4 {
color: #EF4003;
font-family: GraphikLCG;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 100%;
}
.delivery-options__tab--content {
gap: 40px;
}
.delivery-options__tab--items {
gap: 40px;
}
.delivery-options__tab--item {
gap: 16px;
}
.delivery-options__tab--item-attributes, .delivery-options__description {
font-size: 12px;
}
.delivery-options {
margin-bottom: 20px;
}
.spares__container {
padding: 0 10px;
}
.spares__img {
height: 450px;
}
.delivery-options__content {
border-bottom: none;
}
}
@media (max-width: 550px) {
.delivery-options__tab--items {
grid-template-columns: 1fr;
}
.spares__img {
height: 237px;
}
}
/* style3finish */
/* jobCss */
.job-top {
margin-top: 20px;
}
.job-top .advantages__title {
color: var(--Pricep-orange, #EF4003);
}
.vacancies {
margin-bottom: 140px;
margin-top: 100px;
}
.wrapper {
position: relative;
}
.vacancies__container {
max-width: 1240px;
}
.job__title {
color: var(--Pricep-black, #000);
font-size: 40px;
margin-bottom: 32px;
}
.job-search {
width: 100%;
margin-bottom: 42px;
position: relative;
background-image: url(/local/dist/css/../img/search.svg);
background-position: center right 15px;
background-repeat: no-repeat;
}
.job-search::before {
content: url('data:image/svg+xml,');
position: absolute;
top: 15px;
right: 15px;
}
.vacancies__item {
padding: 40px;
border: 1px solid var(--Pricep-grayline, #E2E4E8);
border-bottom: 1px solid var(--Pricep-grayline, #E2E4E8);
margin-bottom: 32px;
}
.vacancies__title {
font-size: 40px;
width: max-content;
float: left;
display: block;
margin-bottom: 32px;
padding-top: 300px;
margin-top: -300px;
}
.vacancies__price {
display: block;
font-size: 40px;
color: var(--Pricep-orange, #EF4003);
width: max-content;
float: right;
}
.vacancies__subtitle {
display: flex;
flex-direction: column;
gap: 12px;
clear: both;
margin: 32px 0 60px 0;
}
.vacancies__button {
color: var(--Pricep-dark-blue, #0F181C);
/* Pricep/раздел в каталоге */
font-family: PTRootUI;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.vacancies__button:hover {
color: var(--Pricep-orange, #EF4003);
}
.vacancies__button:hover svg path {
fill: var(--Pricep-orange, #EF4003);
}
.vacancies__button span {
margin-left: 15px;
}
/*news*/
.news {
padding: 120px 0;
}
.news__container {
max-width: 1246px
}
.news__item {
padding: 24px 0;
border-top: 1px solid var(--Pricep-grayline, #E2E4E8);
border-bottom: 1px solid var(--Pricep-grayline, #E2E4E8);
display: flex;
gap: 30px;
}
.news__title {
font-size: 36px;
margin: 0;
}
.news__item time {
font-family: GraphikLCG;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.news__subtitle {
font-family: GraphikLCG;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.news__button {
color: var(--Pricep-dark-blue, #0F181C);
/* Pricep/раздел в каталоге */
font-family: PTRootUI;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.news__button span {
margin-left: 15px;
}
.news__columns {
display: flex;
gap: 20px;
}
.news__column {
flex-basis: calc((100% - 20px) / 2);
display: flex;
flex-direction: column;
}
.news__column-image {
min-height: 100%;
}
.news__column-image img {
/ / height: 100 %;
object-fit: cover;
object-position: center;
max-width: 100%;
}
.news__content {
display: flex;
flex-direction: column;
gap: 16px;
}
.news__item:hover .news__button {
color: var(--Pricep-orange, #EF4003);
}
.news__item:hover .news__button svg path {
fill: var(--Pricep-orange, #EF4003);
}
.news__load {
color: var(--Pricep-light-grey, var(--Pricep-light-grey, #F3F5F4));
font-family: PTRootUI;
padding: 20px;
background: var(--Pricep-black, #000);
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
text-align: center;
font-family: PTRootUI;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.news__load:hover {
opacity: 0.85;
}
.social-share {
display: flex;
gap: 8px;
margin-top: 36px;
}
.social-share li {
}
.social-share a {
}
.social-share img {
max-height: 47px;
width: auto;
}
.news-share__text {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
/*end news*/
.file-input {
position: relative;
cursor: pointer;
}
.file-input::after {
content: "Прикрепить резюме";
color: var(--Pricep-dark-blue, #0F181C);
/* Pricep/subtitle3 */
font-size: 16px;
position: absolute;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 20px 15px;
background: var(--pricep-light-grey, #F3F5F4);
width: 100%;
top: 0;
left: 0;
text-align: center;
}
.file-input:hover::after {
color: #EF4003;
}
.file-input::before {
position: absolute;
right: calc(50% - 105px);
z-index: 2;
top: 20px;
content: url('data:image/svg+xml,');
}
.job-form span {
font-size: 12px;
color: var(--Pricep-gray, #BEBEBE);
}
/*contact*/
.page-contact {
position: relative;
aspect-ratio: 1920 / 1000;
min-height: 700px;
max-height: 100vh;
width: 100%;
/*height: 1000px;*/
/*margin-bottom: 120px;*/
}
.contact .contact__columns {
max-width: 1246px;
}
.map {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
}
.page-contact-wrap {
z-index: 2;
height: 100%;
position: relative;
width: max-content;
}
.page-contact__container {
height: 100%;
width: max-content;
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: 0;
}
.page-contact__row {
background: var(--Pricep-white, #FFF);
padding: 40px;
}
.page-contact__contact {
display: flex;
flex-direction: column;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 110%;
gap: 16px;
}
.page-contact__contact a:hover {
color: var(--Pricep-orange, #EF4003);
}
.page-contact__title {
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: 100%;
}
.page-contact__name {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 100%;
margin: 32px 0;
}
/*private policy*/
.header-policy {
background: var(--Pricep-blue, #0C4291);
backdrop-filter: blur(28px);
}
.private {
padding: 200px 0 120px 0;
}
.private__container {
max-width: 1240px;
}
.private h1 {
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 40px */
margin-bottom: 60px;
display: block;
position: relative;
}
.private h3 {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 100%;
margin: 32px 0;
}
.private p {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 21.6px */
}
/*concurs*/
.concurs-page {
}
.concurs-top {
margin-top: 20px;
}
.concurs-text {
max-width: 520px;
}
.file-input.photo::after {
content: "Прикрепить фото";
}
.concurs-page .cards__text {
opacity: 1;
visibility: visible;
}
.concurs-page .cards__item:hover .cards__text {
position: relative;
left: 0;
bottom: 0;
}
/*breadcrumbs*/
.breadcrumbs {
}
.breadcrumbs-newsGallery.news-content {
margin: 0;
margin-top: 120px;
}
.breadcrumbs-wrapper {
width: 100%;
}
.breadcrumbs__container {
/* max-width: 929px; */
display: flex;
justify-content: space-between;
align-items: center;
margin: 0;
padding: 0;
}
.breadcrumbs ul {
display: flex;
gap: 10px;
}
.breadcrumbs li {
color: var(--Pricep-dark-blue, #0F181C);
font-family: PTRootUI;
font-size: 16px;
font-weight: 500;
line-height: 100%; /* 16px */
text-transform: uppercase;
}
.breadcrumbs li:not(:last-child)::after {
content: '/';
margin-left: 10px;
}
.breadcrumbs a {
}
.breadcrumbs a:hover {
color: #EF4003;
}
.breadcrumbs .date {
}
.bottom .news-content__container {
/* margin-left: auto;*/
margin-bottom: 120px;
}
.breadcrumbs.news-image__container {
margin-top: 190px;
margin-bottom: 32px;
}
.image__block.news-image__container {
margin-top: 120px;
}
/*news image*/
.news-content {
/* max-width: 950px;*/
padding-left: calc((100vw - 1240px - 2.5rem) / 2);
margin: 32px 0 120px 0;
}
.news-content__container {
/* max-width: 929px; */
margin: 0;
padding: 0;
}
.news-content-title {
font-size: 40px;
line-height: 100%; /* 40px */
margin-bottom: 24px;
}
.news-content-text {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: 110%; /* 22px */
margin-bottom: 24px;
}
.news-content.bottom {
margin-left: 25%;
padding-left: 0;
}
.image-content {
max-width: 1240px;
height: auto;
margin: 0 auto 120px 0;
}
.video-content {
max-width: 1240px;
height: auto;
width: 100%;
}
.myVideo {
position: relative;
margin: 0 auto 120px 0;
width: 100%;
}
.play-button {
position: absolute;
top: calc(50% - 39px);
left: calc(50% - 39px);
cursor: pointer;
}
/*footer */
.language {
display: flex;
align-items: flex-start;
gap: 10px;
line-height: 100%;
align-content: flex-start;
}
.language p {
margin-bottom: 0;
margin-top: 1px;
}
.language select {
color: var(--Pricep-gray, #BEBEBE);
width: 47px;
appearance: none;
overflow: hidden;
background: url('/local/dist/css/../img/arrow-lang.png') no-repeat right;
position: relative;
display: inline-block;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 21.6px */
}
.news-image__container {
max-width: 1246px;
margin: 0 auto;
}
.concurs__column-text {
padding-left: 10%;
}
.concurs__column-text .catalog__title h3 {
margin-left: 0;
}
.concurs__column-text .catalog__column-text {
padding: 6.5rem 0;
}
.concurs-page .contact__image-block {
padding-bottom: 0;
}
.concurs-page .cards {
margin-bottom: 0;
}
.concurs-page .contact {
margin-top: 120px;
}
.desctop-none {
display: none;
}
.news-image__container.bottom {
/* padding-left: 30%; */
}
@media (max-width: 990px) {
.news-image__container.bottom {
padding-left: 0%;
}
.concurs__column-text {
padding-left: 10px;
}
.concurs-page .contact {
margin-top: 40px;
}
.mt-40 {
margin-top: 40px;
}
.news-gallery .slider__photo {
padding: 0;
padding-left: 10px;
}
.news__columns {
flex-direction: column;
}
.news__column-image {
display: none;
}
.news__load {
background: var(--Pricep-orange, #EF4003);
color: var(--Pricep-light-grey, var(--Pricep-light-grey, #F3F5F4));
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.news-share__text {
font-size: 12px;
}
.news__item {
gap: 20px;
padding: 20px 0;
}
.news__title {
font-size: 20px;
width: max-content;
}
.news__subtitle, .news__item time {
font-size: 12px;
}
.news {
padding: 40px 0;
}
.news-content {
padding: 0;
margin-bottom: 40px;
}
.breadcrumbs__container {
flex-direction: column;
align-items: flex-start;
gap: 24px;
padding: 0 10px;
}
.breadcrumbs {
padding-left: 0;
margin-top: 40px;
}
.breadcrumbs-newsGallery.news-content {
margin-top: 40px;
}
.news-image__container {
padding: 0;
}
.news-content__container {
padding: 0 10px;
}
.contact__image-block {
padding-left: 10px;
}
.news-content.bottom {
margin: 0;
margin-bottom: 40px;
}
.contact__image-block {
padding-bottom: 40px;
}
.news-content-title {
font-size: 24px;
}
.news-content-text {
font-size: 16px;
margin-bottom: 12px;
}
.breadcrumbs li, .breadcrumbs .date {
font-size: 12px;
}
.slider-horizontal-scroll {
height: 290px;
}
.slider-horizontal-scroll .slick-track, .slider-horizontal-scroll .slick-track div, .slider-horizontal-scroll img, .slider-horizontal-scroll picture {
height: 100%;
}
.bottom .news-content__container {
margin-left: auto;
margin-bottom: 40px;
}
.breadcrumbs.news-image__container {
margin-top: 120px;
margin-bottom: 32px;
}
.image__block.news-image__container {
margin-top: 40px;
padding: 0;
}
.image-content {
margin-bottom: 40px;
padding: 0;
max-height: 250px;
width: 100%;
object-fit: cover;
}
.play-button {
position: absolute;
top: calc(50% - 20px);
left: calc(50% - 20px);
cursor: pointer;
width: 40px;
height: 40px;
}
.myVideo {
margin-bottom: 40px;
}
.private h1 {
font-size: 24px;
margin-bottom: 28px;
}
.private {
padding-top: 80px;
padding-bottom: 40px;
}
.private h3 {
font-size: 20px;
margin: 24px 0;
}
.private p {
font-size: 12px;
}
.vacancies__item {
padding: 20px;
margin-bottom: 10px;
}
.vacancies__title, .vacancies__price {
font-size: 16px;
}
.vacancies__title {
margin-bottom: 14px;
}
.vacancies__subtitle p {
font-size: 12px;
}
.vacancies__subtitle {
gap: 8px;
margin-bottom: 16px;
}
.vacancies__button {
font-size: 16px;
}
.vacancies__button svg {
width: 12.5px;
height: 12.5px;
}
.vacancies__button span {
margin-left: 12px;
}
.job__title, .page-contact__title {
font-size: 24px;
}
.map {
position: static;
aspect-ratio: 320 / 405;
}
.page-contact__container {
height: auto;
}
.page-contact__name, .page-contact__contact {
font-size: 12px;
}
.page-contact__contact {
gap: 20px;
}
.page-contact__name {
margin: 16px 0 24px;
}
.page-contact {
height: max-content;
max-height:none;
min-height: auto;
aspect-ratio: auto;
}
.page-contact__container, .page-contact-wrap {
width: 100%;
}
.news__item .news__button svg path {
fill: var(--Pricep-orange, #EF4003);
}
.social-share {
gap: 12px;
}
.slider-slide {
background-position: left center;
}
.page-contact__row {
padding: 40px 10px;
}
.page-contact {
margin-bottom: 0;
}
.desctop-none {
display: block;
}
.file-input::after {
font-size: 12px;
top: 4px;
left: -10px;
}
.file-input::before {
position: absolute;
right: calc(50% - 70px);
z-index: 2;
top: 24px;
content: url('data:image/svg+xml,');
}
}
/*job popup*/
.modal-job {
position: relative;
max-width: 1246px;
width: 100%;
background-color: #fff;
padding: 60px;
margin: 0 auto;
margin-top: 140px;
}
.modal-job-price {
color: var(--Pricep-orange, #EF4003);
margin-bottom: 64px;
display: block;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 40px */
}
.modal-job-subtitle {
color: var(--Pricep-orange, #EF4003);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 110%; /* 22px */
display: block;
margin-bottom: 16px;
margin-top: 32px;
}
.modal-job-text {
color: var(--Pricep-black, #000);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 22px */
margin-bottom: 12px;
}
.modal-job button.mfp-close {
top: 60px;
right: 64px;
font-size: 0;
width: 32px;
height: 32px;
background-image: url(/local/dist/css/../img/close.svg);
background-repeat: no-repeat;
background-position: center;
opacity: 1;
transition: 0.25s opacity;
}
.popup-form {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 64px;
}
.popup-form input:nth-child(4),
.popup-form input:nth-child(5),
.popup-form input:nth-child(6),
.popup-form input:nth-child(7) {
flex-basis: calc((100% - 12px) / 2) !important;
}
.popup-form textarea,
.popup-form input:nth-child(6) {
flex-basis: 100%;
}
.modal-job .file-input::before {
/*right: 39%;*/
}
.modal-job .policy {
display: block;
width: 100%;
}
.modal-job .contact__button {
width: 100%;
}
/* concurs popup*/
.modal-concurs {
position: relative;
max-width: 1100px;
width: 100%;
background-color: #fff;
padding: 60px;
margin: 0 auto;
}
.modal-concurs button.mfp-close {
top: 60px;
right: 64px;
font-size: 0;
width: 32px;
height: 32px;
background-image: url(/local/dist/css/../img/close.svg);
background-repeat: no-repeat;
background-position: center;
opacity: 1;
transition: 0.25s opacity;
}
.concurs-form {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 64px;
}
.concurs-form input:nth-child(4),
.concurs-form input:nth-child(5),
.concurs-form input:nth-child(6),
.concurs-form input:nth-child(7) {
flex-basis: calc((100% - 12px) / 2) !important;
}
.concurs-form textarea,
.concurs-form input:nth-child(6) {
flex-basis: 100%;
}
.modal-concurs .file-input::before {
right: 39%;
}
.modal-concurs .policy {
display: block;
width: 100%;
}
.modal-concurs .contact__button {
width: 100%;
}
@media (max-width: 900px) {
.modal-job {
padding: 20px;
padding-top: 40px;
}
.modal-job button.mfp-close {
top: 30px;
right: 20px;
width: 20px;
height: 20px;
}
.modal-job-price {
font-size: 24px;
margin-bottom: 24px;
}
.modal-job-text {
font-size: 16px;
margin-bottom: 8px;
}
.modal-job-subtitle {
margin-top: 20px;
}
.popup-form {
flex-direction: column;
}
.modal-job .file-input::before {
/*right: 19%;*/
}
/*сconcurs form*/
.modal-concurs {
padding: 20px;
padding-top: 40px;
}
.modal-concurs button.mfp-close {
top: 30px;
right: 20px;
width: 20px;
height: 20px;
}
.concurs-form {
margin-top: 14px;
flex-direction: column;
}
.modal-concurs .file-input::before {
right: 15%;
}
.slider__photo {
padding: 0 10px;
}
}
/*select */
.__select {
position: relative;
width: 47px;
height: 40px;
margin: 0;
}
.__select[data-state=active] .__select__title::before {
transform: translate(-3px, -50%) rotate(-45deg);
}
.__select[data-state=active] .__select__title::after {
transform: translate(0, 0%) rotate(60deg);
}
.__select[data-state=active] .__select__content {
opacity: 1;
}
.__select[data-state=active] .__select__label + .__select__input + .__select__label {
max-height: 35px;
border-top-width: 0px;
}
.__select__title {
display: flex;
align-items: center;
width: 100%;
height: 100%;
padding: 8px 5px;
border-radius: 5px;
font-size: 16px;
/* border: solid 1px #c7ccd1;*/
cursor: pointer;
max-height: 21px;
}
.__select[data-state=active] .__select__title {
color: #0F181C;
background: var(--Pricep-white, #FFF);
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.__select__title::after {
content: url('data:image/svg+xml,');
margin-left: 5px;
/* content: "";
position: absolute;
top: 50%;
right: 16px;
display: block;
width: 10px;
height: 2px;
transition: all 0.3s ease-out;
background-color: #333333;
transform: translate(-3px, -50%) rotate(45deg);*/
}
/*.__select__title::after {
transform: translate(3px, -50%) rotate(-45deg);
}
.__select__title:hover {
border-color: #D8093A;
}
.__select__title:hover::before, .__select__title:hover::after {
background-color: #D8093A;
}*/
.reset {
display: flex;
width: 230px;
padding: 8px 16px;
margin: 0 auto;
margin-bottom: 10px;
border: solid 1px #c7ccd1;
border-radius: 5px;
transition: all 0.2s ease-out;
cursor: pointer;
font-weight: bold;
background-color: #ffffff;
color: #333333;
}
.reset:hover {
background-color: #D8093A;
color: #ffffff;
}
.__select__content {
position: absolute;
bottom: 40px;
left: 0;
display: flex;
flex-direction: column;
width: 100%;
background-color: #ffffff;
border: 0;
border-top: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
transition: all 0.3s ease-out;
opacity: 0;
z-index: 8;
}
.__select__input {
display: none;
}
.__select__input:checked + label {
background-color: #dedede;
}
.__select__input:disabled + label {
opacity: 0.6;
pointer-events: none;
}
.__select__label {
display: flex;
align-items: center;
width: 100%;
height: 40px;
/* max-height: 0;*/
padding: 0 5px;
font-size: 16px;
transition: all 0.2s ease-out;
cursor: pointer;
overflow: hidden;
color: var(--Pricep-gray, #BEBEBE);
}
.__select__label + input + .__select__label {
border-top: 0 solid #C7CCD160;
}
/*
.__select__label:hover {
background-color: #D8093A !important;
color: var(--Pricep-gray, #BEBEBE);
}*/
.social__list a:hover svg path {
fill: #EF4003;
}
@media (max-width: 767px) {
.slider-slide__container {
display: none;
}
.slider-slide {
aspect-ratio: 320 / 330;
min-height: 330px;
}
.advantages.advantages--inner {
margin-top: 10px;
}
.filter-catalog__title {
display: flex;
}
.catalog__item {
background-size: cover;
background-position: center center;
background-color: var(--Pricep-light-grey, #F3F5F4);
height: 210px;
min-height: auto;
}
/*.catalog__item--1 {*/
/* background-image: url(/local/dist/css/../img/Home/mob-catalog/1.png) !important;*/
/*}*/
/*.catalog__item--2 {*/
/* background-image: url(/local/dist/css/../img/Home/mob-catalog/1.png) !important;*/
/*}*/
/*.catalog__item--3 {*/
/* background-image: url(/local/dist/css/../img/Home/mob-catalog/1.png) !important;*/
/*}*/
/*.catalog__item--4 {*/
/* background-image: url(/local/dist/css/../img/Home/mob-catalog/1.png) !important;*/
/*}*/
/*.catalog__item--5 {*/
/* background-image: url(/local/dist/css/../img/Home/mob-catalog/1.png) !important;*/
/*}*/
/*.catalog__item--6 {*/
/* background-image: url(/local/dist/css/../img/Home/mob-catalog/1.png) !important;*/
/*}*/
/*.catalog__item--7 {*/
/* background-image: url(/local/dist/css/../img/Home/mob-catalog/1.png) !important;*/
/*}*/
}
/* jobcss finish */
/* newsCss */
.availability {
background: #F3F5F4;
padding-bottom: 100px;
}
.filter-catalog {
margin-bottom: 0;
padding-bottom: 120px;
}
.availability + .contact,
.filter-catalog + .contact {
/ / background: #F3F5F4;
}
.availability + .contact .input,
.filter-catalog + .contact .input {
/ / background-color: #fff;
}
.availability .filter-catalog__box, .recomendation .filter-catalog__box {
width: calc(100% / 3 - 20px);
}
.availability .filter-catalog__elem:not(:last-child) {
margin: 0;
}
.availability .filter-catalog__block {
display: flex;
flex-wrap: wrap;
gap: 18px;
justify-content: space-between;
}
.recomendation {
padding-bottom: 100px;
background: #ffffff;
}
.recomendation .filter-catalog__box {
width: auto;
border: 1px solid #E2E4E8;
margin: 0;
}
.recomendation .filter-catalog__row {
--gap-rec: 20px;
--half-gap-rec: calc(var(--gap-rec) / 2);
--parent\width-rec: 100%;
--parent\one-third-rec: calc((var(--parent\width-rec) - var(--half-gap-rec)) / 3 - var(--half-gap-rec));
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(var(--parent\one-third-rec), 1fr);
gap: var(--gap-rec);
overflow-x: auto;
overflow-y: hidden;
overflow-x: auto;
}
.cards__wrap::-webkit-scrollbar, .advantages__wrap::-webkit-scrollbar, .filter-catalog__row::-webkit-scrollbar {
width: 0;
height: 0;
}
.cards__wrap, .advantages__wrap, .filter-catalog__row {
-ms-overflow-style: none;
}
.cards__wrap, .advantages__wrap, .filter-catalog__row {
overflow: -moz-scrollbars-none;
}
/*.smart-filter-input-group-checkbox-list .form-group.form-check.mb-1:nth-child(1) {*/
/* margin-bottom: 20px;*/
/*}*/
@media (max-width: 1023px) {
.delivery-options__tab--head {
margin-top: 0;
}
body .slider-slide__content_sc {
margin: 0 auto;
padding: 20px;
max-width: 100%;
}
body .bigslider__caption {
left: 20px;
right: 20px;
bottom: 20px;
top: auto;
}
body .slider-slide__container {
padding: 0;
}
.scrollslider__content .scrollslider__gallery {
grid-gap: 10px;
}
.availability .filter-catalog__box {
width: calc(100% / 2 - 20px);
margin: 0 10px;
margin-bottom: 10px;
}
.availability {
padding-bottom: 60px;
}
.filter-catalog {
padding-bottom: 40px;
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.availability .filter-catalog__box {
max-width: 450px;
width: 100%;
margin: 0 auto;
margin-bottom: 10px;
}
.recomendation .filter-catalog__box {
width: initial;
max-width: initial;
}
.availability {
padding-bottom: 40px;
}
.language p {
margin-top: 2px;
}
.social-share {
margin-top: 20px;
}
}
.desc__title {
font-size: 40px;
line-height: 1;
color: #000;
padding-bottom: 60px;
font-family: GraphikLCG;
}
.desc__wrap {
display: flex;
flex-wrap: wrap;
margin: 0 -20px;
}
.desc__item {
width: calc(50% - 40px);
position: relative;
display: flex;
align-items: center;
padding-bottom: 16px;
border-bottom: 1px solid #E2E4E8;
margin: 0 20px;
margin-bottom: 20px;
}
.desc__all {
display: none;
align-items: center;
font-size: 16px;
color: #0F181C;
text-transform: uppercase;
font-weight: 500;
font-family: PTRootUI;
}
.desc__all svg {
max-width: 12px;
margin-right: 12px;
}
.desc__holder {
max-width: 1280px;
width: 100%;
padding: 0 20px;
margin: 0 auto;
}
.desc__subtitle {
width: calc(100% - 20px);
font-size: 18px;
line-height: 1.2;
color: #000;
font-family: GraphikLCG;
}
.desc__btn {
width: 20px;
height: 20px;
background-color: #F3F5F4;
border-radius: 50%;
}
.desc__btn::before {
content: "";
position: absolute;
top: -26px;
margin-left: -8px;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 14px solid #F3F5F4;
}
.desc__btn.active:before {
opacity: 1;
visibility: visible;
}
.desc__inner {
position: relative;
}
.tooltip {
min-width: 320px;
max-width: 320px;
position: fixed;
background-color: #333;
color: #0F181C;
font-size: 16px;
padding: 12px 16px;
border-radius: 4px;
background-color: #F3F5F4;
z-index: 12;
font-family: GraphikLCG;
}
.tooltip.tooltip--inner {
background-color: #F3F5F4;
}
.cards {
margin-bottom: 120px;
}
.cards__wrap {
--gap: 20px;
--half-gap: calc(var(--gap) / 2);
--parent\width: 100%;
--parent\one-third: calc((var(--parent\width) - var(--half-gap)) / 3 - var(--half-gap));
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(var(--parent\one-third), 1fr);
gap: var(--gap);
overflow-x: auto;
overflow-y: hidden;
overflow-x: auto;
box-sizing: border-box;
}
.cards__item {
min-height: 480px;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 40px;
padding-right: 80px;
box-sizing: border-box;
transition: flex-direction 0.3s ease;
}
.cards__item:first-child {
margin-left: 0;
}
.cards__item:not(:last-child) {
margin-right: 0;
}
.cards__title {
max-width: 324px;
bottom: 40px;
font-size: 24px;
line-height: 1;
color: #FFF;
padding-right: 40px;
font-weight: 500;
font-family: GraphikLCG;
position:relative;
z-index:20;
}
.cards__text {
width: 324px;
max-width:100%;
max-height:284px;
opacity: 0;
visibility: hidden;
transition: opacity 1s;
position:relative;
z-index:20;
/* overflow:auto; */
}
.cards__text p {
font-size: 18px;
line-height: 1.2;
color: #FFF;
font-family: GraphikLCG;
}
.cards__arrow {
position: absolute;
top: 40px;
right: 40px;
transition:transform 0.5s;
z-index:1;
}
.cards__item:hover .cards__arrow {
transform:translate(10px,-10px);
}
.cards__item:hover {
/ / flex-direction: column-reverse;
transition: flex-direction 1s;
}
.cards__item:before {
content:"";
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.64);
opacity:0;
transition: opacity 1s;
z-index:10;
}
.cards__item:hover:before {
opacity:1;
}
.cards__item:hover .cards__text {
opacity: 1;
visibility: visible;
transition: all 1s;
position:relative;
}
.accordeon__container {
max-width: 1240px;
}
.accordeon__wrap {
display: flex;
flex-wrap: wrap;
}
.accordeon__item {
width: 50%;
}
.accordeon__title {
font-size: 40px;
line-height: 1;
color: #000;
padding-bottom: 32px;
font-family: GraphikLCG;
}
.accordeon__text {
max-width: 445px;
}
.accordeon__text p {
font-size: 18px;
line-height: 1.2;
color: #000;
font-family: GraphikLCG;
}
.accordeon .catalog__title h3 {
margin-left: 0;
}
.accordeon__holder {
max-width: 455px;
margin-left: auto;
}
.accordeon__subtitle {
cursor: pointer;
font-size: 18px;
line-height: 1.2;
color: #0F181C;
padding-right: 24px;
padding-bottom: 24px;
font-family: GraphikLCG;
}
.accordeon__btn {
position: absolute;
top: 24px;
right: 0;
transition: 0.25s transform;
}
.accordeon__btn svg {
fill: #0F181C;
transition: 0.25s fill;
}
.accordeon__subtitle:hover + .accordeon__btn svg {
fill: #EF4003;
}
.accordeon__box {
position: relative;
border-top: 1px solid rgba(0, 0, 0, 0.20);
padding-top: 24px;
}
.accordeon__box.active .accordeon__btn {
transform: rotate(-90deg);
}
.accordeon__box.active svg {
fill: #EF4003;
}
.accordeon__info {
display: none;
}
.accordeon__info {
padding-bottom: 24px;
}
.accordeon__info p {
font-size: 16px;
line-height: 1.1;
color: #0F181C;
font-family: PTRootUI;
}
.accordeon__info p:not(:last-child) {
padding-bottom: 1rem;
}
.accordeon__item:first-child {
padding-right: 30px;
}
.preview {
max-height: 100vh;
height: 100vh;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 0 40px;
padding-top: 122px;
}
.preview__block {
position: relative;
z-index: 2;
max-width: 594px;
width: 100%;
background-color: rgba(0, 0, 0, 0.1);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
padding: 40px;
}
.preview__header {
display:flex;
align-items:center;
padding-bottom: 40px;
}
.preview__header-title {
margin-right:16px;
}
.preview__title {
font-size: 40px;
line-height: 1;
color: #0F181C;
/* padding-bottom: 40px; */
font-weight: 400;
font-family: GraphikLCG;
}
.preview__subtitle {
font-size: 20px;
line-height: 1.1;
color: #000;
padding-bottom: 32px;
font-weight: 600;
}
.preview__wrap {
padding-bottom: 22px;
}
.preview__row {
display: flex;
justify-content: space-between;
/*background-image: linear-gradient(to right, #BEBEBE 40%, rgba(255, 255, 255, 0) 0%);*/
/*background-position: 0 bottom;*/
/*background-size: 6px 1px;*/
/*background-repeat: repeat-x;*/
border-bottom: 1px dashed rgba(15, 24, 28, 1);
margin-bottom: 20px;
}
.preview__elem {
font-size: 20px;
line-height: 1.1;
color: #000;
/*background: #fff;*/
font-family: GraphikLCG;
position: relative;
}
/*.preview__elem::before{*/
/* content: '';*/
/* position: absolute;*/
/* bottom: -2px;*/
/* width: 100%;*/
/* height: 4px;*/
/* left: 0;*/
/* right: 0;*/
/* background-color: rgba(0, 0, 0, 0.1);*/
/* backdrop-filter: blur(20px);*/
/*}*/
.preview__consult {
display: block;
width: 100%;
font-size: 20px;
line-height: 1;
color: #FFF;
text-transform: uppercase;
background-color: #EF4003;
padding: 20px;
margin-bottom: 8px;
font-weight: 500;
font-family: PTRootUI;
}
.preview__load {
display: block;
width: 100%;
font-size: 20px;
color: #000;
line-height: 1;
text-transform: uppercase;
border: 1px solid #000;
padding: 19px 10px;
text-align: center;
transition: 0.25s background-color, 0.25s color;
font-weight: 500;
font-family: PTRootUI;
}
.preview__load:hover {
background-color: #000;
color: #fff;
}
.modal-consult button.mfp-close {
top: 60px;
right: 64px;
font-size: 0;
width: 32px;
height: 32px;
background-image: url(/local/dist/css/../img/close.svg);
background-repeat: no-repeat;
background-position: center;
opacity: 1;
transition: 0.25s opacity;
}
.modal-consult button.mfp-close:hover {
opacity: 0.65;
}
.modal-consult {
position: relative;
max-width: 689px;
width: 100%;
background-color: #fff;
padding: 60px;
margin: 0 auto;
}
.modal-consult__title {
font-size: 40px;
line-height: 1;
color: #000;
padding-right: 35px;
padding-bottom: 52px;
font-family: GraphikLCG;
margin: 0;
}
.modal-consult .contact__column {
padding: 0;
width: 100%;
}
.modal-consult .contact__column form {
width: 100%;
max-width: 100%;
}
.policy label {
flex-wrap: wrap;
text-align:left;
}
.page {
position: relative;
z-index: 2;
}
.list {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.list__link {
font-size: 16px;
line-height: 1;
color: rgba(15, 24, 28, 1);
text-transform: uppercase;
transition: 0.25s color;
font-weight: 500;
font-family: PTRootUI;
}
a.list__link:hover {
color: rgba(15, 24, 28, 0.8);
}
.list li:not(:last-child) {
margin-right: 12px;
}
.list li:not(:last-child):after {
content: '/';
color: rgba(15, 24, 28, 1);
margin-left: 12px;
}
.gallery {
padding-top: 20px;
padding-bottom: 120px;
}
.gallery__wrap .slick-list {
padding: 0 10px;
}
.gallery__wrap .slick-slide {
margin: 0 10px;
}
.gallery__item img {
display: block;
max-width: 100%;
width: 100%;
}
.gallery .slick-dotted.slick-slider {
margin-bottom: 0;
}
.gallery .slick-dots {
bottom: 12px;
}
.gallery .slick-dots li,
.slick-dots li button,
.slick-dots li button:before {
width: 10px;
height: 10px;
}
.slick-dots li button:before {
line-height: 10px;
}
.slick-dots li button:before {
color: #fff;
opacity: 0.4
}
.slick-dots li.slick-active button:before {
color: #fff;
opacity: 1;
}
.slick-dots li {
margin: 0 2px;
}
.industry__image {
margin-bottom: 32px;
}
.industry__image img {
display: block;
max-width: 100%;
width: 100%;
}
.industry__item {
position: relative;
}
.industry__list {
position: absolute;
top: 42px;
left: 42px;
max-width: calc(100% - 84px);
width: 100%;
display: flex;
flex-wrap: wrap;
}
.industry__list li:not(:last-child) {
margin-right: 8px;
}
.industry__link {
display: block;
border-radius: 5px;
background-color: #fff;
padding: 8px;
margin-bottom: 8px;
}
.industry__wrap {
flex-wrap: wrap;
}
.industry__item:nth-child(1),
.industry__item:nth-child(2) {
flex: 1 1 auto;
}
.industry__item {
max-width: 950px;
}
.advantages {
/*padding-bottom: 120px;*/
}
.advantages__wrap {
justify-content: center;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.advantages__item {
width: calc(100% / 4 - 20px);
display: flex;
flex-direction: column;
justify-content: space-between;
border: 1px solid #E2E4E8;
background-color: #FFF;
padding: 40px;
transition: 0.25s border-color, 0.25s background-color;
height: 273px;
}
.advantages__title {
display: block;
font-size: 24px;
line-height: 1;
color: #0F181C;
transition: 0.25s color;
font-weight: 500;
font-family: GraphikLCG;
}
.advantages__title.job {
font-family: GraphikLCG;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 100%;
}
.advantages__text {
margin-top: auto;
}
.advantages__text p {
font-size: 20px;
line-height: 1.1;
color: #0F181C;
transition: 0.25s color;
font-family: GraphikLCG;
}
.advantages__item:hover {
background-color: #0C4291;
border-color: #0C4291;
}
.advantages__item:hover .advantages__title {
color: #fff;
}
.advantages__item:hover .advantages__text p {
color: #fff;
}
.modal-gallery {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow-y: auto;
overflow-x: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0;
visibility: hidden;
}
.modal-gallery.active {
opacity: 1;
visibility: visible;
}
.modal-gallery .gallery__wrap {
max-width: 1920px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.modal-gallery__content {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.modal-gallery .gallery__item img {
width: auto;
max-height: 80vh;
margin: 0 auto;
}
.modal-gallery__close {
position: absolute;
top: 40px;
right: 60px;
display: block;
width: 72px;
height: 72px;
background: var(--Pricep-white, #FFF);
padding: 20px;
border-radius: 50%;
cursor: pointer;
}
.modal-gallery__close svg {
width: 32px;
height: 32px;
cursor: pointer;
}
.gallery__wrap .slick-next,
.gallery__wrap .slick-prev {
z-index: 12;
width: 40px;
height: 40px;
font-size: 0;
background-repeat: no-repeat;
background-size: 40px;
}
.gallery__wrap .slick-next {
right: 60px;
background-image: url(/local/dist/css/../img/arrow-right.svg);
}
.gallery__wrap .slick-prev {
left: 60px;
background-image: url(/local/dist/css/../img/arrow-left.svg);
}
.gallery__wrap .slick-next:before,
.gallery__wrap .slick-prev:before {
display: none;
}
@media (max-width: 1460px) {
.advantages__item {
height: auto;
}
.preview__title {
/* padding-bottom: 20px; */
}
.preview__subtitle {
padding-bottom: 16px;
}
.preview__block {
padding: 30px;
}
.advantages__title.job {
font-size: 32px;
}
.preview__title {
font-size: 20px;
/* padding-bottom: 25px; */
}
.preview__wrap {
padding-bottom: 2px;
}
.preview__elem,
.preview__subtitle {
font-size: 16px;
}
.preview {
min-height: 850px;
}
}
@media (max-width: 1350px) {
.header__logo {
margin-left: auto;
}
.industry__item {
width: calc(100% / 2 - 20px);
}
.preview {
padding: 0 20px;
padding-top: 108px;
}
.advantages__item {
width: calc((100% - 20px) / 2);
}
.header__personal, .header__phone {
display: none;
}
}
@media (max-width: 1023px) {
.cards__wrap {
--gap: 10px;
}
.preview {
min-height: auto;
}
.advantages__title {
font-size: 20px;
padding-bottom: 100px;
}
.advantages__text p {
font-size: 16px;
}
.advantages {
/*padding-bottom: 40px;*/
}
.industry__text p {
font-size: 18px;
}
.industry__title {
font-size: 32px;
}
.preview__block {
max-width: 494px;
}
.preview__title {
font-size: 30px;
}
.preview__elem,
.preview__subtitle {
font-size: 18px;
}
.modal-consult button.mfp-close {
top: 40px;
right: 40px;
}
.modal-consult__title {
font-size: 32px;
padding-bottom: 40px;
}
.modal-consult {
padding: 40px;
}
.modal-consult .contact__column:first-child {
max-width: 100%;
}
.accordeon__title {
font-size: 32px;
}
.accordeon__text p {
font-size: 16px;
}
.cards {
margin-bottom: 80px;
}
.cards__item {
min-height: 400px;
}
.cards__wrap {
--parent\one-third: calc((var(--parent\width) - var(--half-gap)) / 2 - var(--half-gap));
}
.cards__title {
font-size: 20px;
}
.cards__text p {
font-size: 16px;
}
.recomendation .filter-catalog__row {
--parent\one-third-rec: calc((var(--parent\width-rec) - var(--half-gap-rec)) / 2 - var(--half-gap-rec));
}
.recomendation {
padding-bottom: 80px;
}
}
@media (max-width: 900px) {
.page-block {
display: flex;
flex-direction: column;
}
.gallery {
order: -1;
padding-bottom: 24px;
padding-top: 80px;
}
.gallery__wrap .slick-arrow {
display: none;
}
.preview__block {
max-width: 100%;
margin-bottom: 40px;
background-color: transparent;
backdrop-filter: none;
}
.preview {
max-height: initial;
height: initial;
display: block;
padding: 0 20px;
background-image: none !important;
}
.preview__block {
padding: 0;
}
.list__link {
font-size: 14px;
color: #0F181C;
}
.list li:not(:last-child):after {
color: #0F181C;
}
.list {
padding-bottom: 40px;
}
.cards__arrow {
position: absolute;
top: 15px;
right: 15px;
}
.cards-item {
flex-direction: column-reverse;
}
.cards__arrow svg {
width: 15.7px;
height: 15.7px;
}
.cards__item .cards__text {
opacity: 1;
visibility: visible;
transition: all 0.3s;
position:relative;
}
.cards__item:before {
opacity:1;
}
.cards__text {
max-height:224px;
}
}
@media (max-width: 767px) {
.modal-gallery__close {
top: 20px;
right: 20px;
width: 20px;
height: 20px;
padding: 0;
}
.modal-gallery__close svg {
width: 20px;
height: 20px;
}
.accordeon__btn {
top: 18px;
width: 19px;
height: 19px;
}
.progressBarContainer div span.progressBar {
transition: none;
}
.advantages .industry__container {
padding-right: 0;
}
.modal-gallery .gallery__wrap {
padding-top: 60px;
padding-bottom: 20px;
}
.gallery__item:not(:last-child) {
margin-bottom: 20px;
}
.modal-gallery__content {
display: block;
}
.modal-gallery {
background: #fff;
}
.desc__all {
display: block;
}
.advantages__title {
font-size: 16px;
padding-bottom: 30px;
}
.advantages__text p {
font-size: 12px;
}
.advantages {
/*padding-bottom: 40px;*/
}
.advantages__wrap {
justify-content: flex-start;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
gap: 0 10px;
margin: 0;
}
.advantages__item {
width: 100%;
max-width: 280px;
min-width: 280px;
background-color: #0C4291;
border-color: #0C4291;
padding: 20px;
margin: 0 auto;
}
.white .advantages__item {
border: 1px solid #E2E4E8;
background-color: #FFF;
height: 144px;
}
.leasing-advantages__item .advantages__item {
height: 144px;
}
.white .advantages__item .advantages__text p {
color: #0F181C;
}
.white .advantages__item .advantages__title {
color: #EF4003;
}
.advantages__item .advantages__title,
.advantages__item .advantages__text p {
color: #fff;
}
.industry__item {
padding: 15px;
}
.industry__list {
top: 30px;
left: 30px;
}
.industry__title {
font-size: 24px;
}
.industry__text p {
font-size: 16px;
}
.industry__wrap {
margin: 0;
}
.industry__item {
max-width: 450px;
width: 100%;
margin: 0 auto;
margin-bottom: 20px;
}
.list__link {
font-size: 12px;
}
.preview__title {
font-size: 20px;
/* padding-bottom: 25px; */
}
.preview__wrap {
padding-bottom: 2px;
}
.preview__elem,
.preview__subtitle {
font-size: 16px;
}
.modal-consult button.mfp-close {
top: 30px;
right: 20px;
}
.modal-consult__title {
font-size: 24px;
padding-bottom: 30px;
}
.modal-consult {
padding: 20px;
padding-top: 40px;
}
.accordeon__item:first-child {
padding-right: 0;
padding-bottom: 40px;
}
.accordeon__subtitle {
font-size: 16px;
padding-bottom: 18px;
height: 37px;
}
.accordeon__box {
padding-top: 18px;
}
.accordeon__info {
padding-bottom: 18px;
}
.accordeon__title {
font-size: 24px;
padding-bottom: 16px;
}
.accordeon__text p {
font-size: 12px;
}
.accordeon__info p {
font-size: 12px;
}
.accordeon__info p:not(:last-child) {
padding-bottom: 0.8rem;
}
.accordeon__item {
width: 100%;
}
.accordeon__holder {
max-width: 100%;
}
.recomendation {
padding-bottom: 40px;
}
.cards {
margin-bottom: 40px;
}
.cards__item {
min-height: 300px;
padding: 15px;
}
.cards__wrap {
--parent\width: 170%;
}
.recomendation .filter-catalog__row {
--parent\width-rec: 170%;
}
.cards__title {
font-size: 16px;
}
.cards__text p {
font-size: 12px;
}
.desc__title {
font-size: 24px;
padding-bottom: 24px;
}
.tooltip {
font-size: 14px;
}
.desc__holder {
padding: 0 10px;
}
.desc__wrap {
margin: 0;
padding-bottom: 8px;
}
.desc__item {
max-width: 100%;
width: 100%;
padding-bottom: 8px;
margin: 0 auto;
margin-bottom: 12px;
}
.desc__subtitle {
font-size: 14px;
}
.advantages__item {
height: 207px;
}
.advantages__title.job {
font-size: 16px;
}
.tooltip {
min-width: auto;
}
.tooltip.tooltip--inner {
left: 10px !important;
}
.cards__item {
flex-direction: column-reverse;
justify-content: flex-end;
width:100%;
}
.cards__title {
bottom:0;
margin-bottom:24px;
}
}
@media (max-width: 480px) {
.gallery__wrap .slick-list {
padding: 0;
}
.gallery__wrap .slick-slide {
margin: 0;
}
.modal-consult button.mfp-close {
width: 24px;
height: 24px;
}
.modal-consult__title {
font-size: 20px;
padding-bottom: 24px;
}
.modal-consult button.mfp-close {
width: 20px;
height: 20px;
}
.cards__item {
min-height: 200px;
}
.desc__subtitle {
font-size: 12px;
}
.tooltip {
font-size: 12px;
}
}
@media (max-width: 360px) {
.tooltip {
min-width: 280px;
max-width: 280px;
}
}
/* newsCss Finish */
/* style2 */
body::-webkit-scrollbar-track {
background: #2C2C2D;
}
body::-webkit-scrollbar-thumb {
background-color: #0098DA;
border-radius: 0px;
border: 3px solid #0098DA;
}
.about-repair__content {
display: flex;
}
.about-repair__image, .about-repair__info {
width: 50%;
}
.about-repair__info {
display: flex;
flex-direction: column;
gap: 32px;
justify-content: center;
background: #0C4291;
padding-left: 168px;
padding-right: 20px;
}
.head-h2 {
color: var(--pricep-white, #FFF);
font-family: GraphikLCG;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 100%;
margin-bottom: -15px;
}
.repair__description {
color: var(--pricep-white, #FFF);
font-family: GraphikLCG;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%;
max-width: 614px;
}
.services__items {
min-width: 0;
display: flex;
gap: 20px;
flex-wrap: wrap;
position: relative;
padding-bottom: 120px;
}
.services__item {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 40px;
width: 100%;
height: 273px;
border: 1px solid var(--pricep-grayline, #E2E4E8);
transition: all 0.3s;
}
.page .slider-slide__content {
max-width: 48.3125rem;
}
.services__item-obert {
width: 100%;
max-width: calc(25% - 15px);
position: relative;
}
.head-h3, .description-services__item {
color: var(--pricep-dark-blue, #0F181C);
font-family: GraphikLCG;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 100%;
transition: all 0.3s;
}
.head-h3.bold {
font-weight: bold;
}
.description-services__item {
opacity: 0;
}
.services__item-link--text {
color: var(--pricep-white, #FFF);
font-family: PTRootUI;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
opacity: 0;
transition: all 0.3s;
}
.services__item-link {
display: flex;
align-items: center;
gap: 12px;
margin-top: auto;
transition: all 0.3s;
cursor: pointer;
z-index: 2;
}
.services__item-link svg {
transition: all 0.3s;
}
.services__item:hover {
transition: all 0.3s;
background: var(--pricep-blue, #0C4291);
}
.services__item.active {
transition: all 0.3s;
background: var(--pricep-blue, #0C4291);
}
.services__item .head-h3 {
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
}
.services__item:hover .services__item-link--text,
.services__item.active .services__item-link--text,
.services__item:hover .description-services__item,
.services__item:hover .head-h3,
.services__item.active .head-h3 {
color: var(--pricep-white, #FFF);
transition: all 0.3s;
opacity: 1;
}
.services__alert {
position: fixed;
display: flex;
z-index: 1000;
border-radius: 20px;
background: #FFF;
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
padding: 40px;
flex-direction: column;
gap: 40px;
width: 100%;
max-width: 444px;
bottom: 100px;
right: -100%;
transition: right 0.3s ease-in-out;
}
.services__alert.active {
right: 20px;
animation-name: slideRight;
animation-iteration-count: 1;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-delay: 4s;
}
@keyframes slideRight {
from {
right: 20px;
}
to {
right: -100%;
}
}
.services__alert button {
background: none;
display: flex;
align-items: center;
gap: 14px;
color: #EF4003;
font-family: PTRootUI;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.services__item:hover path, .services__item.active path {
fill: var(--pricep-white, #FFF);
}
.service-details-container {
position: absolute;
display: none; /* Начнем с того, чтобы контейнер был скрытым по умолчанию */
z-index: 1000; /* Перемещаем контейнер выше остальных элементов на странице */
border-radius: 20px;
background: #FFF;
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
padding: 40px;
flex-direction: column;
gap: 40px;
width: 100%;
max-width: 444px;
}
.description-service-detail {
color: #000;
font-family: GraphikLCG;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 110%;
max-width: 100%;
border: 1px solid #EDEDED;
padding: 10px;
}
.service-details-container button {
background: none;
display: flex;
align-items: center;
gap: 14px;
color: #EF4003;
font-family: PTRootUI;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.industry .header__box {
font-size: 16.5px;
}
.services__item-obert.active::before {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
border: 2px solid #EF4003;
}
@media screen and (max-width: 1332px) {
.services__items {
flex-wrap: nowrap;
overflow-x: scroll;
}
.services__items::-webkit-scrollbar {
height: 3px;
}
.services__item-obert {
width: 455px;
max-width: none;
flex-shrink: 0;
}
.about-repair__info {
padding-left: 10%;
}
}
@media screen and (max-width: 990px) {
.about-repair__content {
flex-direction: column;
gap: 24px;
}
.about-repair__image, .about-repair__info {
width: 100%;
}
.page-repair .about-repair__info {
display: none;
}
.about-repair__info {
background: none;
gap: 16px;
padding: 20px;
}
.head-h2 {
color: var(--pricep-dark-blue, #0F181C);
font-size: 24px;
}
.repair__description {
color: var(--pricep-dark-blue, #0F181C);
font-size: 12px;
}
.preview__load::before {
content: url('data:image/svg+xml,');
height: 1.25rem;
display: inline-block;
margin-right: 0.875rem;
}
.materials .header__catalog {
width: 100%;
display: flex;
justify-content: space-between;
}
.materials .header__box.active, .materials .header__box:hover {
color: #fff;
border-bottom: 2px solid #fff;
}
.industry .progressBarContainer {
width: 90%;
}
.progressBarContainer div span.progressBar.progress-active {
/*width: max-content;*/
max-width: none;
/*width: 100%;*/
}
}
@media screen and (max-width: 550px) {
/*.services__alert {*/
/* padding: 10px;*/
/* gap: 10px;*/
/* max-width: 250px;*/
/*}*/
.description-service-detail {
padding: 5px;
}
.services__item-obert {
width: 280px;
height: 207px;
}
.services__item {
height: 100%;
padding: 15px;
background: var(--pricep-blue, #0C4291);
}
.services__item .head-h3, .description-services__item, .services__item-link--text {
font-size: 16px;
opacity: 1;
color: var(--pricep-white, #FFF);
}
.head-h3, .description-service-detail {
font-size: 16px;
}
.service-details-container {
padding: 20px;
gap: 20px;
}
.services__item-link path {
fill: #FFF;
}
}
/* style2 finish */
/* style12 */
.header__catalog::-webkit-scrollbar,
.filter-catalog__content::-webkit-scrollbar, .block-catalog__wrap::-webkit-scrollbar {
width: 0;
height: 0;
}
.header__catalog, .filter-catalog__content, .block-catalog__wrap {
-ms-overflow-style: none;
}
.header__catalog, .filter-catalog__content, .block-catalog__wrap {
overflow: -moz-scrollbars-none;
}
.history {
padding: 120px 0;
}
.history__wrap {
max-width: 1240px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.history__item--content {
width: 375px;
}
.history__item--info {
width: calc(100% - 375px);
padding-right: 25px;
}
.history__title {
font-size: 40px;
line-height: 1;
color: #0F181C;
padding-bottom: 30px;
font-family: GraphikLCG;
}
.history__text {
max-width: 344px;
}
.history__text p {
font-size: 18px;
line-height: 1.2;
color: #0F181C;
font-family: GraphikLCG;
}
.history__subtitle {
font-size: 40px;
line-height: 1;
color: #EF4003;
padding-bottom: 22px;
font-family: GraphikLCG;
}
.history__box:not(:last-child) {
margin-bottom: 80px;
}
.history__desc {
font-size: 20px;
line-height: 1.1;
color: #000;
font-family: GraphikLCG;
}
.about-repair__position {
font-size: 18px;
line-height: 1.2;
color: rgba(255, 255, 255, 0.20);
font-family: GraphikLCG;
}
.calendar__container {
max-width: 1240px;
margin: 0 auto;
}
.catalog__column-text {
max-width: 1240px;
margin: 0 auto;
}
.catalog__column-text .catalog__title h3 {
margin-left: 0;
}
.calendar__item {
position: relative;
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #E2E4E8;
padding: 30px 0;
}
.calendar__item:not(.active) {
cursor: pointer;
}
.calendar__item.active .calendar__year {
color: #EF4003;
}
.calendar__item:first-child {
border-top: 1px solid #E2E4E8;
}
.calendar__box {
width: 50%;
}
.calendar__year {
font-size: 40px;
line-height: 1;
color: #BEBEBE;
}
.calendar__desc {
font-size: 18px;
line-height: 1.2;
color: #000;
padding-top: 12px;
font-family: GraphikLCG;
}
.calendar__arrow {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 28px;
height: 28px;
}
.calendar__arrow svg {
display: block;
max-width: 100%;
height: 100%;
}
.calendar__item.active .calendar__arrow {
display: none;
}
.calendar__text p {
font-size: 18px;
line-height: 1.2;
color: #0F181C;
font-family: GraphikLCG;
}
.calendar__image {
margin-bottom: 30px;
}
.calendar__image img {
display: block;
max-width: 100%;
}
.calendar__text p:not(:last-child) {
padding-bottom: 1.5em;
}
.gallery-history .contact__image-block {
padding-bottom: 0;
}
.contact__image-block {
padding-left: calc((100% - 1240px - 0.0rem) / 2);
}
.contact__image-block--main {
padding-left: calc((100vw - 1240px - 2.5rem) / 2);
}
.partners__wrap {
border-top: 1px solid #E2E4E8;
border-bottom: 1px solid #E2E4E8;
padding: 40px 0px;
}
.partners__wrap .slick-track {
display: flex;
align-items: center;
margin: 0 -10px;
}
.mt120 {
margin-top: 120px;
}
.partners__wrap .slick-slide img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.partners__wrap .slick-slide {
margin: 0 10px;
}
.block-catalog__container {
padding-right: 0;
}
.block-catalog {
overflow: hidden;
}
.block-catalog__wrap {
display: flex;
flex-wrap: nowrap;
/*gap: 0 20px;*/
/*overflow-x: auto;*/
padding-bottom: 20px;
margin-bottom: 100px;
}
.block-catalog__item {
/*cursor: pointer;*/
width: 445px;
max-width: none;
flex-shrink: 0;
}
.block-catalog__image {
margin-bottom: 24px;
}
.block-catalog__image img {
display: block;
max-width: 100%;
}
.block-catalog__title {
font-size: 24px;
line-height: 1;
color: #0F181C;
padding-bottom: 24px;
font-family: GraphikLCG;
}
.block-catalog__btn {
display: flex;
align-items: center;
font-size: 20px;
color: #0F181C;
text-transform: uppercase;
transition: 0.25s color;
font-weight: 500;
font-family: PTRootUI;
}
.block-catalog__btn svg {
display: block;
fill: #0F181C;
margin-right: 14px;
transition: 0.25s fill;
}
.block-catalog__item:hover .block-catalog__btn {
color: #EF4003;
}
.block-catalog__item:hover .block-catalog__btn svg {
fill: #EF4003;
}
.block-catalog__text p {
font-size: 18px;
line-height: 1.2;
color: #0F181C;
margin-bottom: 22px;
font-family: GraphikLCG;
}
.catalog__title p {
font-size: 18px;
line-height: 1.2;
color: #000;
padding-top: 30px;
font-family: GraphikLCG;
}
.catalog__text p + .contact__button {
margin-top: 24px;
}
.block__video {
max-width: 1240px;
margin: 0 auto;
margin-bottom: 120px;
}
.block__video {
position: relative;
width: 100%;
max-width: 1240px;
overflow: hidden;
margin: 0 auto !important;
/*margin-bottom: 120px !important;*/
}
.block__video video {
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.block__video .play-button {
opacity: 1;
transition: all 0.3s ease;
}
.block__video.active .play-button {
opacity: 0;
pointer-events: none;
}
.contact__button--pc {
display: block;
}
.contact__button--mob {
display: none;
}
.block__start {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 48px;
height: 48px;
pointer-events: none;
}
.block__video.active .block__start {
display: none;
}
.full-page__item:nth-child(odd) .full-page__box:last-child {
background-color: #0C4291;
}
.full-page__item {
display: flex;
flex-wrap: wrap;
}
.full-page__box {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
.full-page__box img {
display: block;
max-width: 100%;
}
.full-page__content {
max-width: 694px;
padding: 40px;
margin: 0 auto;
}
.full-page__text p {
font-size: 18px;
line-height: 1.2;
color: #fff;
font-family: GraphikLCG;
}
.full-page__text p:not(:last-child) {
padding-bottom: 1.5em;
}
.full-page__item:nth-child(even) .full-page__box:last-child .full-page__text p,
.full-page__item:nth-child(even) .full-page__box:last-child .full-page__subtitle {
color: #0F181C;
}
.full-page__item:nth-child(even) .full-page__box:last-child {
order: -1;
background-color: #fff;
}
.full-page__subtitle {
font-size: 40px;
line-height: 1;
color: #fff;
padding-bottom: 30px;
font-family: GraphikLCG;
}
.advantages--inner {
margin-top: 20px;
}
.advantages--inner ~ .repair-uniqum-trade .catalog__column-text {
padding-top: 0;
}
.advantages--inner ~ .partners {
margin-bottom: 120px;
}
@media (max-width: 1023px) {
.block-video {
margin-bottom: 80px !important;
}
.full-page__box {
width: 100%;
}
.history {
padding: 80px 0;
}
.history__title {
font-size: 32px;
padding-bottom: 24px;
}
.history__subtitle {
font-size: 32px;
padding-bottom: 20px;
}
.history__desc {
font-size: 16px;
}
.history__box:not(:last-child) {
margin-bottom: 60px;
}
.history__text p {
font-size: 15px;
}
.calendar__year {
font-size: 28px;
}
.calendar__desc {
font-size: 16px;
}
.calendar__text p {
font-size: 16px;
}
.calendar__image {
margin-bottom: 24px;
}
.block-catalog__btn {
font-size: 18px;
}
.block-catalog__wrap {
margin-bottom: 50px;
}
}
@media (max-width: 990px) {
.about-repair--inner {
background: #0C4291;
}
.about-repair--inner .head-h2,
.about-repair--inner .repair__description {
color: #fff;
}
.about-repair--inner .about-repair__info {
padding-bottom: 40px;
}
.about-repair__position {
font-size: 16px;
}
.full-page__subtitle {
font-size: 32px;
padding-bottom: 24px;
}
.full-page__text p {
font-size: 15px;
}
.full-page__text p:not(:last-child) {
padding-bottom: 1em;
}
.full-page__item:nth-child(even) .full-page__box:last-child {
order: 2;
}
.advantages--inner ~ .partners {
margin-bottom: 80px;
}
.about-repair__info {
padding: 20px 10px;
padding-top: 0;
}
.head-h2 {
margin-bottom: -4px;
}
.catalog__title p {
padding-top: 0;
padding-bottom: 30px;
}
.concurs-top {
margin-top: 10px;
}
.full-page__item:nth-child(odd) .full-page__box:last-child {
background-color: transparent;
}
.full-page__box:last-child .full-page__text p,
.full-page__box:last-child .full-page__subtitle {
color: #0F181C;
}
.full-page__content {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 767px) {
.scrollslider__content {
width: 100% !important;
overflow-x: scroll !important;
padding: 0 !important;
}
.scrollslider__content .scrollslider__gallery {
width: fit-content;
}
.page-contact__row {
max-width: calc(100% - 20px);
}
.vacancies {
margin-top: 40px;
}
.services__alert {
max-width: none;
bottom: 0;
padding: 24px;
gap: 24px;
}
.services__alert.active {
right: 0;
}
.services__alert button {
font-size: 16px;
gap: 12px;
}
.description-service-detail {
font-size: 12px;
}
.block-video {
margin-bottom: 40px !important;
}
.advantages--inner ~ .partners {
margin-bottom: 40px;
}
.partners__wrap {
padding: 20px 0;
}
.full-page__subtitle {
font-size: 24px;
padding-bottom: 16px;
}
.full-page__text p {
font-size: 12px;
}
.full-page__text p:not(:last-child) {
padding-bottom: 1em;
}
.block__video {
margin-bottom: 20px !important;
}
.contact__button--pc {
display: none;
}
.contact__button--mob {
display: flex;
margin-bottom: 40px;
}
.about-repair__position {
font-size: 12px;
}
.block-catalog__wrap {
/*gap: 0 10px;*/
margin-bottom: 30px;
}
.block-catalog__item {
width: 266px;
}
.block-catalog__image {
margin-bottom: 20px;
}
.block-catalog__title {
font-size: 16px;
padding-bottom: 16px;
}
.block-catalog__text p {
font-size: 12px;
}
.block-catalog__btn {
font-size: 16px;
}
.filter-catalog__item--aside {
top: 124px;
}
.calendar__item.active .calendar__arrow {
display: block;
}
.calendar__arrow {
top: 26px;
width: 20px;
height: 20px;
}
.calendar__year {
font-size: 16px;
}
.calendar__desc {
font-size: 12px;
padding-bottom: 16px;
}
.calendar__text p {
font-size: 12px;
}
.calendar__text p:not(:last-child) {
padding-bottom: 1em;
}
.calendar__image {
margin-bottom: 16px;
}
.calendar__item {
padding: 16px 0;
}
.calendar__box {
width: 100%;
}
.history {
padding: 40px 0;
}
.history__item--info {
width: 100%;
padding-right: 0;
}
.history__item--content {
width: 100%;
}
.history__title {
font-size: 24px;
padding-bottom: 16px;
}
.history__subtitle {
font-size: 24px;
padding-bottom: 16px;
}
.history__text {
padding-bottom: 54px;
}
.history__desc {
font-size: 12px;
}
.history__box:not(:last-child) {
margin-bottom: 40px;
}
.history__text p {
font-size: 12px;
}
.input-nomob {
display: none;
}
}
.add-options__elem {
display: flex;
align-items: flex-end;
justify-content: space-between;
position: relative;
background-repeat: no-repeat;
background-size: cover;
padding: 16px 20px;
}
.add-options__elem .desc__btn {
position: relative;
background-color: #fff;
}
.add-options {
padding-top: 100px;
}
.add-options__content {
width: calc(100% - 20px);
font-size: 20px;
line-height: 1.1;
color: #FFF;
padding-right: 15px;
text-align: left;
font-family: GraphikLCG;
}
.info-options,
.add-options .swiper .swiper-slide,
.add-options__elem,
.empty-slide {
height: 290px;
}
.add-options .swiper .swiper-slide {
position: relative;
overflow: hidden;
text-align: center;
}
.add-options .swiper.ready .swiper-slide {
transition: transform .25s;
}
.add-options .swiper-slide .slide-img {
display: inline-block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* info-options */
.info-options {
position: absolute;
left: 0;
top: 0;;
z-index: 1;
width: 253px;
padding: 14px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #fff;
}
.info-options__label {
font-size: 40px;
line-height: 1;
color: #000;
padding-bottom: 50px;
font-family: GraphikLCG;
}
.info-options__btn {
display: flex;
align-items: center;
}
.info-options__btn,
.info-options__label {
max-width: 380px;
width: 100%;
margin: 0 auto;
}
.info-options__prev {
margin-right: 46px;
}
.info-options__next svg,
.info-options__prev svg {
fill: #BEBEBE;
transition: all 0.3s ease 0s;
}
.info-options__next:hover svg,
.info-options__prev:hover svg,
.info-options__next:active svg,
.info-options__prev:active svg {
fill: #0F181C;
}
.add-options__subtitle-mob,
.add-options__text-mob {
display: none;
}
@media (max-width: 1450px) {
.info-options__label {
font-size: 32px;
}
}
@media (max-width: 1023px) {
.info-options__label {
font-size: 26px;
}
.add-options {
padding-top: 80px;
}
}
@media (max-width: 767px) {
.add-options__subtitle-mob,
.add-options__text-mob {
display: block;
}
.add-options__subtitle-mob {
font-size: 24px;
line-height: 1;
color: #000;
margin-bottom: 16px;
font-family: GraphikLCG;
}
.add-options__text-mob {
font-size: 12px;
line-height: 1.2;
color: #000;
margin-bottom: 40px;
font-family: GraphikLCG;
}
.add-options__elem {
padding: 15px;
}
.add-options__content {
font-size: 16px;
}
.add-options__container {
padding-right: 0;
}
.empty-slide {
display: none !important;
}
.add-options .swiper .swiper-slide,
.add-options__elem {
height: 190px;
}
.header__holder--inner {
border-bottom: 1px solid rgba(0, 0, 0, 0.20);
}
/*.header__holder--inner .header__box {*/
/* color: #BEBEBE;*/
/*}*/
/*.header__holder--inner .header__box.active, .header__box:hover {*/
/* color: #fff;*/
/*}*/
.header__holder--inner .header__box.active {
position: relative;
}
.header__holder--inner .header__box.active:after {
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
}
}
/* style12 finish */
@media (max-width: 1590px) {
.result {
position: fixed;
z-index: -1;
margin-top: 87px;
left: 0;
width: 100%;
opacity: 0;
visibility: visible;
}
.menu__item {
font-size: 1.1rem;
}
.header__logo {
/*max-width: 224px;*/
}
}
@media (max-width: 1440px) {
.header__logo {
max-width: 180px;
/*margin-right: auto;*/
}
.header__icon {
margin: 0rem 1.5rem;
}
.header__block {
padding-left: 24px;
}
.delivery-options {
/*height: 959px;*/
}
.result__holder {
margin-left: 244px;
margin-right: 244px;
}
.scrollslider__image {
/* Применяем фоновое изображение */
background: url(/upload/iblock/cb4/cap7sj591d47u1tnmjk4ywk7hsrgxfvi.jpg) top left;
background-size: contain;
background-position-y: center;
background-repeat: no-repeat;
/* Применяем эффект блюра ко всей области фона */
backdrop-filter: blur(10px);
}
}
@media (max-width: 1350px) {
.result__holder {
margin: 0;
}
header.active .header__logo {
display: none !important;
}
.header__logo {
margin-right: auto;
}
.result {
margin-top: 68px;
}
.result .header__container {
padding: 0;
}
.result__holder {
width: 100%;
padding: 25px 20px;
}
.header__btn {
order: 2;
margin-right: 0;
}
header.active .header__block {
width: calc(100% - 25px);
}
.header__input {
width: calc(100% - 20px);
padding: 24px 0;
color: #0f181c;
}
.header.active .header__container {
padding: 0 20px;
}
.header__mob {
position: fixed;
width: 100%;
top: 67px;
left: 0;
padding: 0 20px;
background-color: #FFF;
min-height: calc(100vh - 67px);
}
.header__list {
padding: 28px 0;
}
.header__list li a {
display: block;
font-family: GraphikLCG;
font-size: 16px;
line-height: 1;
color: #0F181C;
padding: 14px 0;
font-weight: 500;
}
.header__title {
font-size: 16px;
line-height: 1.2;
color: #0F181C;
margin-bottom: 15px;
font-family: GraphikLCG;
}
.header__value {
font-size: 16px;
line-height: 1;
color: #0F181C;
margin-bottom: 24px;
font-weight: 500;
font-family: GraphikLCG;
display: block;
}
.header__list li:not(:last-child) {
border-bottom: 1px solid #F3F5F4;
}
.slider-slide__content {
margin: 0 auto;
}
.header__container {
padding: 21px 20px;
}
.header__search {
display: block;
}
.icon-menu {
display: block;
position: relative;
width: 25px;
height: 25px;
cursor: pointer;
z-index: 5;
box-sizing: border-box;
}
.icon-menu span,
.icon-menu span::before,
.icon-menu span::after {
content: "";
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
left: 0;
position: absolute;
width: 25px;
height: 3px;
background-color: #fff;
box-sizing: border-box;
}
.icon-menu span::before {
bottom: calc(100% + 6px);
}
.icon-menu span::after {
top: calc(100% + 6px);
}
.icon-menu span {
display: block;
top: 50%;
}
.icon-menu.active span {
width: 0;
}
.icon-menu.active span::before {
bottom: 9px;
transform: rotate(45deg);
transform-origin: 0 100%;
}
.icon-menu.active span::after {
top: 10px;
transform: rotate(-45deg);
transform-origin: 0 0;
}
.header__menu-left,
.header__menu-right,
.header__search.header__icon.user,
.menu__body {
display: none;
}
.header__search.header__icon.search {
order: 2;
margin: 0;
}
.filter-catalog__text {
padding: 30px 20px;
}
}
@media (max-width: 1300px) {
.branch__item-mob {
display: flex;
flex-direction: column;
gap: 30px;
margin: 30px 0;
}
.order-dontMov {
display: none;
}
.catalog .contact__columns {
margin-left: auto;
}
}
@media (max-width: 1023px) {
.catalog__item:nth-child(5),
.catalog__item:nth-child(6),
.catalog__item:nth-child(7) {
flex-basis: calc((100% - 20px) / 2);
}
.catalog__item-title {
font-size: 2rem;
margin-bottom: 24px;
}
.catalog__column-text {
padding: 5rem 0;
}
.catalog__text {
padding-left: 70px;
}
.catalog__text p {
font-size: 1rem;
}
.catalog__title h3 {
font-size: 2rem;
}
.slider-slide__title {
font-size: 3rem;
}
.filter-catalog {
margin-bottom: 40px;
}
.contact__text {
margin-bottom: 24px;
}
.contact__column:first-child,
.contact__column:last-child {
width: 100%;
max-width: 450px;
padding-right: 0;
margin: 0 auto;
}
.contact__title {
font-size: 2rem;
}
.filter-catalog__row {
margin: 0;
}
.filter-catalog__box {
width: 100%;
margin: 0;
margin-bottom: 20px;
}
.filter-catalog__subtitle {
font-size: 24px;
}
.filter-catalog__desc {
font-size: 16px;
}
}
@media (max-width: 990px) {
.delivery-options {
height: max-content;
}
}
@media (max-width: 960px) {
[class*=__container] {
padding-left: 10px;
padding-right: 10px;
}
.leasing-marquee {
margin-bottom: 40px;
}
.header__container {
padding-left: 20px;
padding-right: 20px;
}
.contact {
padding: 0 0 5.5rem 0;
}
.contact__title {
font-size: 1.8rem;
margin-bottom: 22px;
}
.footer__columns {
flex-direction: column;
}
.footer__menu {
display: none;
padding-bottom: 20px;
}
.footer__menu li:not(:last-child) {
margin-bottom: 10px;
}
.footer__title {
margin-bottom: 16px;
}
.footer-bottom .footer__column:first-child {
order: 2;
}
.footer-bottom .footer__column {
margin-bottom: 0px;
}
.footer__text {
font-size: 16px;
margin-bottom: 0px;
}
.footer__phone {
margin-top: 16px;
}
.social__list {
gap: 16px 20px;
margin-top: 16px;
}
.footer-bottom .footer__column:nth-child(2),
.footer-bottom .footer__column:nth-child(3) {
margin-bottom: 40px;
}
.footer-bottom .footer__column:last-child {
display: none;
}
.footer-top {
padding-bottom: 24px;
}
.footer-bottom {
padding-top: 0;
padding-bottom: 40px;
}
.footer__phone {
font-size: 16px;
}
.footer__title {
position: relative;
cursor: pointer;
font-size: 16px;
}
.footer__title:after {
position: absolute;
content: '';
top: calc(50% - 1px);
transform: translateY(-50%);
width: 10px;
height: 10px;
background-image: url(/local/dist/css/../img/triangle.svg);
margin-left: 8px;
}
.footer__title.active:after {
top: calc(50% - 10px);
transform: scale(-1) translateY(-50%);
}
.footer__menu li a {
font-size: 14px;
}
.footer__copiright .footer__column:nth-child(3) {
order: -1;
margin-bottom: 40px;
}
.footer__copiright .footer__column:nth-child(1) {
margin-bottom: 16px;
}
.footer__copiright {
padding-top: 0;
}
.footer__column:nth-child(1), .footer__column:nth-child(2), .footer__column {
min-width: initial;
flex-basis: auto;
padding-right: 0px;
}
.footer__logo + .footer__text {
padding-bottom: 20px;
}
.btn span {
font-size: 16px;
}
.btn svg {
width: 12.5px;
height: 12.5px;
}
.catalog__button {
display: flex;
align-items: center;
color: var(--Pricep-dark-blue, #0F181C);
font-size: 12px;
line-height: normal;
margin-top: 12px;
}
.catalog__button::before {
content: url("data:image/svg+xml,");
height: 14px;
}
}
@media (max-width: 767px) {
.progressBarContainer.no-progress_mob {
display: none;
}
}
/* @media (max-height: 400px),
(max-width: 767px){
.slider-home{
height: 800px;
max-height: none;
}
.slider-home .slider, .slider-home .slick-slider .slick-track, .slider-home .slick-slider .slick-list, .slider-home .slick-initialized .slick-slide, .slider-home .slider-slide{
height: 100%;
}
} */
@media (max-height: 600px),
(max-width: 767px) {
.progressBarContainer div {
min-width: 6px;
height: 6px;
margin-right: 0;
}
.progressBarContainer {
display: flex;
gap: 5px;
right: 20px;
}
.progressBarContainer div span.progressBar {
height: 6px;
}
.progressBarContainer div span.progressBar .inProgress {
height: 6px;
}
.slider-slide {
align-items: flex-end;
padding-bottom: 46px;
}
.progressBarContainer {
bottom: 20px;
width: calc(100vw - 40px);
}
.slider-slide__desc {
font-size: 1rem;
}
.slider-slide__content {
max-width: 280px;
width: 100%;
padding: 1.25rem;
}
.vertical-slider .slider-slide__content {
max-width: 580px;
}
.slider-slide__title {
font-size: 2rem;
}
.pt20-mob {
padding-top: 20px;
}
}
@media (max-width: 767px) {
.filter-catalog__wrap-btn {
padding-top: 30px;
}
.filter-catalog__count {
border-radius: 5px;
background-color: #F3F5F4;
padding: 8px;
}
.filter-catalog__topic label {
background: #F3F5F4;
}
.close-filter, .reset-filter {
display: flex;
align-items: center;
font-size: 14px;
line-height: 1;
color: #0F181C;
border: none;
font-family: GraphikLCG;
}
.close-filter svg {
display: flex;
margin-right: 8px;
}
.filter-catalog__mob-block {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}
.filter-catalog__category {
font-size: 16px;
margin-bottom: 20px;
}
.filter-catalog__inner {
margin-bottom: 10px;
}
.filter-catalog__wrap-btn .filter-catalog__btn--save {
max-width: 100%;
font-size: 16px;
text-transform: uppercase;
padding: 21px 10px;
}
.filter-catalog__wrap-btn .filter-catalog__btn--reset {
display: none;
}
.filter-catalog__slide {
margin-bottom: 12px;
}
.filter-catalog__point {
padding-left: 0;
}
.filter-catalog__label:after {
width: 15px;
height: 15px;
}
.filter-catalog__col,
.filter-catalog__info,
.filter-catalog__count,
.filter-catalog__point {
font-size: 14px;
}
.filter-catalog__info {
padding: 13px 0px;
}
.filter-catalog__col,
.filter-catalog__col.active {
background: #F3F5F4;
}
.catalog__item-title {
font-size: 1.5rem;
}
.vertical-slider .slider-slide__content {
gap: 1rem;
}
.catalog__column-text {
flex-direction: column;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.catalog__title h3 {
font-size: 1.5rem;
margin: 0;
margin-bottom: 16px;
}
.catalog__text {
padding-left: 0;
}
.header__box {
font-size: 14px;
padding: 20px 0;
}
.header__logo {
max-width: 172px;
}
.input {
font-size: 0.75rem;
padding: 20px 15px;
width: 100%;
}
.contact {
padding: 0 0 2.5rem 0;
}
.contact__title {
font-size: 1.5rem;
margin-bottom: 16px;
}
.contact__text {
font-size: 12px;
margin-bottom: 24px;
}
.filter-catalog__item--aside {
position: fixed;
z-index: 12;
top: 107px;
left: 0;
width: 100%;
background: #fff;
max-height: calc(100vh - 68px);
overflow-x: hidden;
overflow-y: auto;
padding: 0 20px;
padding-bottom: 54px;
opacity: 0;
visibility: hidden;
transform: translateX(-120%);
transition: 0.25s transform, 0.25s opacity, 0.25s visibility;
}
.filter-catalog__item--aside.active {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.footer__btn {
max-width: 178px;
font-size: 12px;
padding: 7px 10px;
}
.footer__logo + .footer__text {
font-size: 12px;
line-height: 1.2;
}
.filter-catalog__title,
.filter-catalog__sort {
font-size: 16px;
}
.filter-catalog__box {
max-width: 450px;
margin: 0 auto;
}
.filter-catalog__box:not(:last-child) {
margin-bottom: 10px;
}
.filter-catalog__item--content {
width: 100%;
padding-left: 0;
}
.filter-catalog__block {
padding: 10px;
}
.filter-catalog__text {
padding: 16px 20px;
}
.filter-catalog__subtitle {
font-size: 18px;
margin-bottom: 16px;
}
.filter-catalog__desc {
margin-bottom: 0;
}
.filter-catalog__desc,
.filter-catalog__excerpt {
font-size: 14px;
}
.filter-catalog__elem {
display: flex;
align-items: center;
justify-content: space-between;
}
.filter-catalog__elem {
margin: 0;
}
.filter-catalog__elem:not(:last-child) {
margin-right: 0;
margin-bottom: 16px;
}
.filter-catalog__block {
flex-direction: column;
}
.branch__item-title {
font-size: 24px;
}
.branch__item {
height: 115px;
justify-content: space-between;
gap: 0;
min-width: 213px;
}
.branch__item svg {
flex-shrink: 0;
width: 37px;
height: 37px;
}
.branch__item-text {
font-size: 16px;
}
}
@media (max-width: 650px) {
.catalog__item,
.catalog__item:nth-child(5),
.catalog__item:nth-child(6),
.catalog__item:nth-child(7) {
flex-basis: 100%;
}
}
@media (max-width: 560px) {
.branch__item-mob {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.branch__item-mob .branch__btns {
margin: 0;
}
.slider-slide__button svg {
max-width: 12px;
}
.header__box {
font-size: 12px;
padding: 14px 0;
}
.filter-catalog__block {
padding: 8px;
}
.filter-catalog__desc,
.filter-catalog__excerpt {
font-size: 12px;
}
.filter-catalog__title,
.filter-catalog__sort {
font-size: 14px;
}
.filter-catalog__elem:not(:last-child) {
margin-bottom: 12px;
}
.result__title {
font-size: 14px;
}
.catalog__text p {
font-size: 0.75rem;
}
.slider-vertical .slider-slide__title {
font-size: 1.5rem;
}
.slider-vertical .slider-slide__desc {
font-size: 0.75rem;
line-height: 1.2;
}
.slider-slide__button {
font-size: 0.75rem;
}
.popup-filter {
display: none;
}
}
@media (max-width: 360px) {
.result__title {
font-size: 12px;
}
.contact__button {
font-size: 16px;
}
.contact__button::before {
content: url("data:image/svg+xml,");
height: 1.1rem;
}
}
/*#panel + .wrapper .header {*/
/* padding-top: 39px;*/
/*}*/
/*#panel {*/
/* position: fixed;*/
/* top: 0;*/
/* left: 0;*/
/* right: 0;*/
/* z-index: 50;*/
/*}*/
/*#panel + .wrapper .header .header__mob {*/
/* top: 106px;*/
/*}*/
.search__page {
padding-top: 150px;
padding-bottom: 150px;
width: -moz-available;
width: -webkit-fill-available;
width: fill-available;
max-width: 1246px;
}
.search-page__title {
font-family: GraphikLCG;
font-size: 64px;
font-weight: 400;
line-height: 64px;
letter-spacing: 0px;
text-align: left;
color: #000000;
margin-bottom: 20px;
}
.search-page__title span {
color: #EF4003;
font-family: GraphikLCG;
font-size: 64px;
font-weight: 400;
line-height: 64px;
letter-spacing: 0px;
text-align: left;
}
.search-page__subtitle {
font-family: GraphikLCG;
font-size: 16px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0em;
text-align: left;
color: #A6A6A6;
margin-bottom: 60px;
}
.search-page__block {
margin-bottom: 60px;
}
.search-page__block-title {
margin-bottom: 20px;
font-family: GraphikLCG;
font-size: 20px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0px;
text-align: left;
color: #000000;
}
.search-page__catalog {
display: flex;
flex-direction: column;
gap: 20px;
}
.search-page__catalog-item {
padding: 40px;
width: 100%;
/*min-height: 320px;*/
height: auto;
border: 1px solid #E2E4E8;
display: flex;
gap: 100px;
position: relative;
}
.search-page__catalog-arrow {
position: absolute;
top: 40px;
right: 40px;
}
.search-page__catalog-text {
display: flex;
flex-direction: column;
justify-content: center;
gap: 24px;
width: 100%;
max-width: 670px;
}
.search-page__catalog-text-text {
font-size: 16px;
font-weight: 400;
line-height: 16px;
text-align: left;
}
.search-page__catalog-image {
max-width: 268px;
width: 100%;
aspect-ratio: 268/198;
}
.search-page__catalog-image a {
display: block;
width: 100%;
height: 100%;
}
.search-page__catalog-image img {
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
}
.search-page__catalog-block {
display: flex;
justify-content: space-between;
width: 100%;
padding: 18px;
background: #F3F5F4;
}
.search-page__catalog-block .filter-catalog__elem {
margin: 0;
}
.search-page__catalog-subtitle {
font-family: GraphikLCG;
font-size: 36px;
font-weight: 400;
line-height: 36px;
text-align: left;
color: #0F181C;
}
.swiper-models .swiper-slide {
width: 445px;
}
.modal-model__title-mobile {
display: none;
}
.modal-model {
padding: 60px;
background: #FFFFFF;
margin: 0 auto;
position: relative;
max-width: 1246px;
border: 1px solid #E2E4E8;
border-radius: 5px;
display: flex;
gap: 64px;
}
.modal-model__text {
display: flex;
flex-direction: column;
gap: 35px;
width: calc(50% - 32px);
}
.modal-model__title {
font-family: GraphikLCG;
font-size: 40px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0px;
text-align: left;
color: #000000;
}
.modal-model__subtitle {
font-family: GraphikLCG;
font-size: 18px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0px;
text-align: left;
color: #0F181C;
}
.modal-model__image {
width: calc(50% - 32px);
}
.modal-model__image img {
width: 100%;
object-fit: contain;
}
.modal-model button.mfp-close {
position: absolute;
top: 60px;
right: 60px;
width: 32px;
height: 32px;
background-image: url("/local/dist/img/close-popup.svg");
background-size: cover;
background-position: center;
}
.header__catalog-mobile {
display: none;
}
.industries-page__cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 20px;
}
.industries-page__card {
display: flex;
flex-direction: column;
}
.industries-page__card-image {
width: 100%;
aspect-ratio: 359/209;
overflow: hidden;
}
.industries-page__card-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.industries-page__card-title {
padding: 20px;
display: flex;
align-items: center;
gap: 12px;
/*font-family: Graphik LCG;*/
font-size: 24px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: rgba(15, 24, 28, 1);
border: 1px solid rgba(226, 228, 232, 1)
}
.industries-page {
padding-top: 83px;
margin-bottom: 120px;
}
.industries-section__cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
margin-bottom: 120px;
}
.industries-section__card {
border: 1px solid rgba(226, 228, 232, 1);
padding: 20px;
display: flex;
flex-direction: column;
gap: 32px;
}
.industries-section__card-info {
display: flex;
flex-direction: column;
gap: 24px;
}
.industries-section__card-row {
display: flex;
justify-content: space-between;
}
.industries-section__card-image {
width: 100%;
aspect-ratio: 573 / 261;
overflow: hidden;
}
.industries-section__card-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.industries-section__card-title {
font-size: 40px;
font-weight: 400;
line-height: 40px;
text-align: left;
color: rgba(15, 24, 28, 1);
}
.industries-section__card-subtitle {
font-size: 20px;
font-weight: 400;
line-height: 22px;
text-align: left;
color: rgba(15, 24, 28, 1);
}
.industries-section__card-from, .industries-section__card-to {
flex: 1;
}
.industries-section__card-label {
flex: 1.5;
}
.industries-section__card-row span {
color: rgba(190, 190, 190, 1);
}
.industries-section__card-row {
font-size: 20px;
font-weight: 400;
line-height: 22px;
text-align: left;
color: rgba(15, 24, 28, 1);
}
.industries-detail-advantages {
margin-bottom: 120px;
}
.industries-detail__big {
margin-top: 102px;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
aspect-ratio: 1881 / 688;
width: 100%;
overflow: hidden;
}
.industries-detail__thumbs {
padding: 0;
}
#panel + .wrapper .industries-detail__big {
/*margin-top: 141px;*/
}
.gallery__item {
cursor: pointer;
}
.industries-detail {
width: 100%;
}
.industries-detail__video {
aspect-ratio: 1240 / 700;
}
.catalog-detail-button:hover {
background: transparent !important;
}
.search-page__catalog-text b {
font-weight: 400;
color: #EF4003;
}
.modern-page-navigation a {
display: block;
padding: 4px 8px;
}
.modern-page-navigation {
display: flex;
align-items: center;
gap: 8px;
}
.modern-page-current {
display: block;
color: #FFFFFF;
background: #000000;
border-radius: 4px;
padding: 4px 8px;
}
.modern-page-previous, .modern-page-next {
padding: 0 !important;
}
.search-page__catalog-date {
margin-bottom: auto;
font-size: 20px;
font-weight: 400;
line-height: 22px;
text-align: left;
}
.not-found {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 40px;
margin: 205px 337px 120px;
background-color: #FFFFFF;
}
.not-found_item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
}
.not-found_item h2 {
font-family: GraphikLCG;
font-weight: 400;
font-size: 40px;
color: #0F181C;
}
.not-found_item span {
font-family: GraphikLCG;
font-weight: 400;
font-size: 20px;
line-height: 110%;
color: #0F181C;
}
.not-found_btn {
font-family: PTRootUI;
font-weight: 500;
font-size: 16px;
border: 1px solid #0F181C;
padding: 20px;
color: #0F181C;
text-transform: uppercase;
cursor: pointer;
}
.cards__wrap_inno {
display: flex;
flex-wrap: wrap;
}
.recom__filter-catalog__row {
display: flex !important;
flex-wrap: wrap !important;
}
@media (max-width: 1919px) {
.industries-page__cards {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media (max-width: 1599px) {
.industries-page__cards {
grid-template-columns: 1fr 1fr 1fr;
font-size: 20px;
}
.industries-section__cards {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 1199px) {
.industries-page__card-title {
font-size: 18px;
}
.industries-section__card-row {
font-size: 18px;
}
}
@media (max-width: 1023px) {
.search-page__catalog-date {
font-size: 12px;
line-height: 12px;
width: calc(100% - 32px);
margin: 0 auto;
}
.search-page__catalog-text-text {
font-size: 12px;
}
.industries-detail__video {
aspect-ratio: 300 / 200;
}
.industries-detail__big {
margin: 0 !important;
padding: 0;
width: 100%;
aspect-ratio: 320 / 300;
}
.gallery__wrap2, .gallery__wrap2 .slick-list, .gallery__wrap2 .slick-track, .gallery__wrap2 .gallery__item img {
height: 100%;
}
.gallery__wrap2 .gallery__item img {
object-fit: cover;
}
.industries-detail__thumbs {
display: none;
}
.industries-detail-advantages {
margin-bottom: 40px;
}
.industries-section__card {
padding: 16px;
gap: 16px;
}
.industries-section__card-image {
aspect-ratio: 300 / 166;
}
.industries-section__cards {
margin-bottom: 40px;
grid-template-columns: 1fr;
}
.industries-page__cards {
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
.header__catalog-mobile {
display: flex;
}
.header__catalog-desktop {
display: none;
}
.job-top {
margin-top: 10px;
}
.page .contact {
padding: 2.5rem 0 2.5rem 0;
}
.search-page__title {
font-size: 24px;
line-height: 24px;
margin-bottom: 12px;
}
.search-page__title span {
font-size: 24px;
line-height: 24px;
}
.search__page {
padding-top: 100px;
padding-bottom: 40px;
}
.search-page__block-title {
font-size: 16px;
line-height: 16px;
}
.search-page__catalog-item {
border: none;
padding: 0;
flex-direction: column;
gap: 16px;
}
.search-page__catalog-image {
max-width: 100%;
aspect-ratio: 300/166.25;
}
.search-page__catalog-text {
gap: 16px;
max-width: none;
}
.search-page__catalog-subtitle {
font-size: 18px;
font-weight: 400;
line-height: 18px;
}
.search-page__catalog-arrow {
display: none;
}
.search-page__catalog-text-text, .search-page__catalog-subtitle {
width: calc(100% - 32px);
margin: 0 auto;
}
.search-page__subtitle {
font-size: 12px;
line-height: 12px;
margin-bottom: 32px;
}
.modal-model__title-mobile {
display: block;
font-family: GraphikLCG;
font-size: 20px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
color: #000000;
max-width: calc(100% - 24px);
}
.modal-model__title {
display: none;
}
.modal-model__image {
width: 100%;
}
.modal-model__text {
width: 100%;
}
.modal-model {
padding: 20px;
padding-top: 40px;
flex-direction: column;
gap: 24px;
margin-top: 140px;
}
.modal-model button.mfp-close {
top: 40px;
right: 20px;
}
.modal-model button.mfp-close {
width: 20px;
height: 20px;
}
}
@media (max-width: 767px) {
.industries-section__card-title {
font-size: 18px;
line-height: 18px;
}
.industries-section__card-subtitle, .industries-section__card-row {
font-size: 12px;
line-height: 13px;
}
.industries-section__card-label {
flex: auto;
width: 100%;
margin-bottom: 8px;
}
.industries-section__card-row {
flex-wrap: wrap;
}
.industries-page {
padding-top: 100px;
margin-bottom: 40px;
}
.industries-page__cards {
grid-template-columns: 1fr;
grid-gap: 20px;
}
.industries-page__card-image {
display: none;
}
.industries-page__card-title {
flex-direction: column;
gap: 40px;
font-size: 16px;
align-items: flex-start;
}
.industries-page__card-title span {
max-width: 224px;
}
.slider-slide__content {
margin-left: 20px;
margin-right: 20px;
width: calc(100% - 40px);
max-width: none;
}
.swiper-models .swiper-slide {
width: 266px;
}
.search-page__catalog-block {
flex-direction: column;
gap: 12px;
}
.services__item-obert.active::before {
display: none;
}
.services__items {
gap: 10px;
}
}
.modal-success__text {
font-family: GraphikLCG;
font-size: 40px;
font-weight: 400;
line-height: 40px;
text-align: center;
max-width: 630px;
}
.modal-success {
justify-content: center;
align-items: center;
}
.error-msg {
color: rgba(239, 64, 3, 1);
width: 100%;
}
input.input.file-input.photo {
width: 100%;
}
.industry__link {
pointer-events: none;
}
.ymaps-2-1-79-balloon {
box-shadow: none !important;
}
.max-container {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.header__phone {
font-family: PTRootUI;
font-size: 18px;
font-weight: 500;
line-height: 19.8px;
color: #FFFFFF;
margin-left: auto;
}
header.active .header__phone {
display: none;
}
/*.bigslider__image {*/
/* bottom: auto;*/
/* aspect-ratio: 1920 / 1000;*/
/*}*/
.logo__desc__img {
display: block;
}
.logo__mobile__img {
display: none;
}
.header-bcolor {
background-color: #fff;
}
.header__btn svg path {
fill: #FFFFFF;
}
.logo__mobile__img path {
fill: #0C4291;
transition: all 0.3s ease;
}
.header__logo .logo__mobile__img svg path {
fill: #0f181c;
}
@media (max-width: 1350px) {
.industries-page {
padding-top: 67px;
}
.header__holder--inner {
border-bottom: 1px solid rgba(0, 0, 0, 0.20);
}
.header__holder {
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.header__box {
color: #0f181c;
}
.active-blue .header__btn svg path {
fill: #FFFFFF;
}
.active-blue .icon-menu span, .active-blue .icon-menu span::before, .active-blue .icon-menu span::after {
background-color: #FFFFFF;
}
.active-blue .header__logo .logo__mobile__img svg path {
fill: #FFFFFF;
}
.header__btn svg path {
fill: #0f181c;
}
.active-blue .logo__mobile__img path {
fill: #FFFFFF;
}
.header {
background-color: #ffffff;
transition: all 0.3s ease;
}
.active-blue .header__input {
color: #FFFFFF;
}
.header__input::placeholder {
color: #0f181c;
opacity: 0.5;
}
.active-blue .header__input::placeholder {
color: #FFFFFF;
opacity: 0.5;
}
.icon-menu span,
.icon-menu span::before,
.icon-menu span::after {
background-color: #0C4291;
}
.logo__desc__img {
display: none;
}
.logo__mobile__img {
display: block;
}
}
.add-options__container .swiper-slide a {
height: 100%;
}
.add-options__container .swiper-slide a .add-options__elem.branch__item {
height: 100%;
overflow: hidden;
}
.repair-uniqum-trade .catalog__text a {
margin-bottom: 10px;
}
.recomendation .filter-catalog__box {
max-width: 490px !important;
}
.filter-catalog__row.recom__filter-catalog__row {
justify-content: center;
}
.gallery.industries-detail__big {
padding-bottom: 0;
padding-top: 0;
aspect-ratio: auto;
}
.gallery__wrap2-desktop {
display: block;
}
.gallery__wrap2-mobile {
display: none;
}
@media (max-width: 759px) {
section.bigslider.max-container {
display: none;
}
.catalog__column-text--before-desktop-scroll-banners {
display: none;
}
}
@media (max-width: 1024px) {
.gallery.industries-detail__big {
padding-top: 67px;
width: 100%;
/*aspect-ratio: 530 / 300;*/
aspect-ratio: auto;
}
.gallery__wrap2.slick-initialized.slick-slider.slick-dotted {
height: auto;
aspect-ratio: 370/195;
}
.gallery.industries-detail__thumbs {
display: none;
}
.gallery__wrap2-desktop {
display: none;
}
.gallery__wrap2-mobile {
display: block;
}
}
/* End */
/* Start:/local/dist/css/swiper.css?172070230219035*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:16px;height:16px;display:block;border-radius:150px;background:#F2F2F2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{background:#FD5E53}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/* End */
/* Start:/local/templates/sp/components/bitrix/menu/mainmenu/style.min.css?1722318324841*/
.main-menu{display:block;padding-left:16px;padding-top:5px;margin:5px 0 35px;width:100%;list-style:none}.menu-main-items-container{box-sizing:border-box;transition:width 170ms ease;max-width:275px}header .menu-main-items-container{background-color:#f3f3f3}.menu-main-items{display:block;padding:12px 0 0;margin:0}.menu-main-item{display:block;padding:0 0 0 17px;margin:0}.menu-main-item-link{padding:0 17px 0 0;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:40px;text-decoration:none !important;vertical-align:middle}.menu-main-item-text{font-style:normal;font-weight:normal;font-size:16px;line-height:21px;color:#121212;opacity:.6}.menu-main-item-angle{display:block;transform:rotate(-45deg);border-bottom:1px solid;border-right:1px solid;color:#121212;opacity:.6;width:7px;height:7px}
/* End */
/* Start:/local/templates/sp/components/bitrix/search.title/visual2/style.min.css?17223183243457*/
.bx-searchtitle{margin:0}.bx-searchtitle .bx-block-title{font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px}.bx-searchtitle .bx-input-group{position:relative;display:table;border-collapse:separate;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-searchtitle .bx-input-group .bx-form-control{display:table-cell;position:relative;z-index:2;float:left;width:100%;margin-bottom:0;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#f8fafc;border:1px solid #d5dadc;border-right:0;border-radius:2px 0 0 2px;outline:0;box-shadow:none !important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-ios .bx-searchtitle .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0,#f8fafc 100%)}.bx-searchtitle .bx-input-group-btn{position:relative;font-size:0;width:1%;white-space:nowrap;vertical-align:middle;display:table-cell}.bx-searchtitle .bx-input-group-btn button{position:relative;border:0;background:#95a1a8;display:inline-block;margin-bottom:0;cursor:pointer;padding:6px 12px;border-radius:0 2px 2px 0;color:#fff;font-size:16px;line-height:1.42857143;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.bx-searchtitle .bx-input-group-btn button:hover{background:#1484ce}div.title-search-result{display:none;overflow:hidden;z-index:999;min-width:370px;margin-top:-3px;background-color:#FFF}div.title-search-fader{display:none; background-image: url('/local/templates/sp/components/bitrix/search.title/visual2/images/fader.png'); background-position:right top;background-repeat:repeat-y;position:absolute}p.title-search-preview{font-size:12px}div.title-search-result td.title-search-price span{font-size:26px}.bx_searche .bx_img_element{background:#fafafa;float:left;width:67px;padding:5px 10px;position:absolute;top:0;bottom:0}.bx_searche .bx_item_block{min-height:65px;position:relative}.bx_searche .bx_image{width:45px;height:45px;background-size:contain;background-position:center;background-repeat:no-repeat;border:1px solid #e8e8e8}.bx_searche .bx_item_element{padding-left:10px;margin-left:70px}.bx_searche .bx_item_element hr{margin:0;border:0;border-bottom:1px solid #e5e5e5}.bx_searche .bx_item_element a{margin-top:10px;display:inline-block;color:#4788cb;font-size:13px;text-decoration:none}.bx_searche .bx_item_element a b{color:#000;font-weight:normal}.bx_searche .bx_item_element a:hover,.bx_searche .bx_item_element a:hover b{text-decoration:underline}.bx_searche .bx_price{font-weight:bold;font-size:13px}.bx_searche .bx_price .old{font-weight:normal;text-decoration:line-through;color:#636363}.bx_item_block.all_result{min-height:0}.bx_item_block.others_result{min-height:0;padding:0 0 12px;line-height:12px}.bx_item_block.all_result .all_result_title{display:block;font-size:12px;color:#a7a7a7;padding-top:15px;padding-bottom:10px}.bx_item_block.all_result .all_result_title a{color:#a7a7a7}.bx_item_block.all_result .all_result_title a:hover{color:#4788cb}.bx_item_block.all_result a{margin-top:0}
/* End */
/* Start:/local/templates/sp/components/bitrix/menu/podmenu/style.min.css?1722318324490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/sp/components/bitrix/menu/podmenu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* Start:/local/templates/sp/components/bitrix/menu/mobmenu-header/style.min.css?1722318324490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/sp/components/bitrix/menu/mobmenu-header/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* Start:/local/templates/sp/components/bitrix/menu/catalog_footer/style.min.css?1722318324841*/
.main-menu{display:block;padding-left:16px;padding-top:5px;margin:5px 0 35px;width:100%;list-style:none}.menu-main-items-container{box-sizing:border-box;transition:width 170ms ease;max-width:275px}header .menu-main-items-container{background-color:#f3f3f3}.menu-main-items{display:block;padding:12px 0 0;margin:0}.menu-main-item{display:block;padding:0 0 0 17px;margin:0}.menu-main-item-link{padding:0 17px 0 0;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:40px;text-decoration:none !important;vertical-align:middle}.menu-main-item-text{font-style:normal;font-weight:normal;font-size:16px;line-height:21px;color:#121212;opacity:.6}.menu-main-item-angle{display:block;transform:rotate(-45deg);border-bottom:1px solid;border-right:1px solid;color:#121212;opacity:.6;width:7px;height:7px}
/* End */
/* Start:/local/templates/sp/components/bitrix/menu/mobmenu/style.min.css?1722318324490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/sp/components/bitrix/menu/mobmenu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* Start:/local/templates/sp/components/bitrix/news.list/social_links/style.css?1722318324150*/
div.news-list
{
word-wrap: break-word;
}
div.news-list img.preview_picture
{
float:left;
margin:0 4px 6px 0;
}
.news-date-time {
color:#486DAA;
}
/* End */
/* Start:/local/templates/sp/styles.css?17218836841038*/
@media (max-width:1880px) {
.branch__item-text {
font-size: 16px;
}
h3.branch__item-title {
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 100%;
}
}
/* Ral */
.ral__slider {
//transition: 12s linear;
//overflow: visible!important;
}
@media (hover: hover) {
.ral__slider:hover {
// transform:translateX(50%);
}
}
.ral2{
margin-bottom: 120px;
}
.ral__list {
transition-timing-function: linear!important;
}
.ral__item {
width: auto;
height: 50px;
background: var(--gray);
border-radius: 500px;
}
.ral__item2 {
width: 222px;
height: 218px;
background: var(--gray);
border-radius: 500px;
}
@media (max-width:900px) {
.ral__item2 {
width: 70px;
height: 70px;
background: var(--gray);
border-radius: 500px;
}
.ral2{
margin-bottom: 60px;
}
}
@media (max-width: 990px){
.newsimgleft {
display: none;
}
.load_more {
margin: 0;
}
}
.catalog__container .catalog__item {
transition: none;
}
.cards__wrap_inno {
display: flex !important;
flex-wrap: wrap !important;
}
/* End */
/* Start:/local/templates/sp/template_styles.css?17207023021127*/
.menu__item > a.selected {
color: var(--Pricep-orange, #EF4003);
}
.consult_button {
display: block;
width: 100%;
font-size: 20px;
line-height: 1;
color: #FFF;
text-transform: uppercase;
background-color: #EF4003;
padding: 20px;
margin-bottom: 8px;
font-weight: 500;
font-family: PTRootUI;
}
.search-page__catalog-text-text .preview__wrap {
padding: 0;
}
.search-page__catalog-text-text .preview__row {
margin-bottom: 8px;
}
.search-page__catalog-text-text .preview__elem {
font-size: 16px;
line-height: 100%;
}
.scrollslider__content .scrollslider__image {
aspect-ratio: 1089 / 775;
height: auto;
max-height: none;
max-width: 1089px;
max-height: 775px;
}
.slider-slide{
background-position: center center;
}
@media (max-width: 767px) {
.scrollslider__content .scrollslider__image {
aspect-ratio: 267 / 290;
width: 83vw;
}
.slider-slide__content {
display: none;
}
}
@media (max-width: 1024px) {
.slider-home {
margin-top: 67px;
max-height: calc(100vh - 67px);
}
}
/* End */
/* /local/templates/sp/css/autoload/more-article.css?1731591137691 */
/* /local/templates/sp/css/autoload/slider-breadcrumbs.css?1731582169968 */
/* /local/templates/sp/css/autoload/stickers.css?1731489169274 */
/* /local/dist/css/autoload/article.css?17315912781347 */
/* /local/dist/css/autoload/employees.css?17325499992098 */
/* /local/dist/css/autoload/fluid.css?1731587476533 */
/* /local/dist/css/autoload/form-error.css?1732302154261 */
/* /local/dist/vendor/slick/slick-theme.css?17350334833443 */
/* /local/dist/vendor/slick/slick.css?17350335531895 */
/* /local/dist/css/nouislider.min.css?17207023024295 */
/* /local/dist/css/magnific-popup.css?17207023027262 */
/* /local/dist/css/style.css?1764840611149601 */
/* /local/dist/css/swiper.css?172070230219035 */
/* /local/templates/sp/components/bitrix/menu/mainmenu/style.min.css?1722318324841 */
/* /local/templates/sp/components/bitrix/search.title/visual2/style.min.css?17223183243457 */
/* /local/templates/sp/components/bitrix/menu/podmenu/style.min.css?1722318324490 */
/* /local/templates/sp/components/bitrix/menu/mobmenu-header/style.min.css?1722318324490 */
/* /local/templates/sp/components/bitrix/menu/catalog_footer/style.min.css?1722318324841 */
/* /local/templates/sp/components/bitrix/menu/mobmenu/style.min.css?1722318324490 */
/* /local/templates/sp/components/bitrix/news.list/social_links/style.css?1722318324150 */
/* /local/templates/sp/styles.css?17218836841038 */
/* /local/templates/sp/template_styles.css?17207023021127 */