:root { --blue: #1C01A9; --blue-secondary: #85B2FC; --gray: #2C2D2E; --gray-light: rgba(0, 16, 61, 0.06); --primary: #005FF9; --primary-light: rgba(0, 95, 249, 0.1); --red: #ED0A34; --inactive: #EDEFF5; --green: #04A8A4; --text_not_active: #8E94A7; } @font-face { font-family: 'PF Din Display Pro Bold'; src: url('../fonts/PFDinDisplayPro-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } html { /* @media all and (max-width: 1420px) and (min-width: 1280px) { zoom: 0.7; #calc { zoom: 1.4; } .container, .bx-breadcrumb { margin-left: auto; margin-right: auto; } } */ } @media all and (min-width: 1280px) and (max-width: 1420px) { .zoom-90 { zoom: .9 ; } .zoom-80 { zoom: .8 ; } .zoom-70 { zoom: .7 ; } .zoom-60 { zoom: .6 ; } .zoom-50 { zoom: .5 ; } .zoom-40 { zoom: .4 ; } .zoom-30 { zoom: .3 ; } .zoom-20 { zoom: .2 ; } .zoom-10 { zoom: .1 ; } } @media all and (min-width: 768px) and (max-width: 1279px) { .tb-zoom-90 { zoom: .9 ; } .tb-zoom-80 { zoom: .8 ; } .tb-zoom-70 { zoom: .7 ; } .tb-zoom-60 { zoom: .6 ; } .tb-zoom-50 { zoom: .5 ; } .tb-zoom-40 { zoom: .4 ; } .tb-zoom-30 { zoom: .3 ; } .tb-zoom-20 { zoom: .2 ; } .tb-zoom-10 { zoom: .1 ; } } @media all and (max-width: 768px) { .sm-zoom-90 { zoom: .9 ; } .sm-zoom-80 { zoom: .8 ; } .sm-zoom-70 { zoom: .7 ; } .sm-zoom-60 { zoom: .6 ; } .sm-zoom-50 { zoom: .5 ; } .sm-zoom-40 { zoom: .4 ; } .sm-zoom-30 { zoom: .3 ; } .sm-zoom-20 { zoom: .2 ; } .sm-zoom-10 { zoom: .1 ; } } html, body { scroll-behavior: smooth; cursor: default; } body { font-size: 15px; line-height: 20px; color: #0C0C0C; font-family: 'Montserrat', sans-serif; font-weight: 400; } @media all and (max-width: 1600px) and (min-width: 1280px) { body { font-size: 13px; line-height: 20px; } } @media all and (max-width: 960px) { body { font-size: 13px; line-height: 20px; } } .container { padding-top: 80px; padding-bottom: 80px; width: 100%; max-width: 1310px; margin: auto; position: relative; } @media all and (max-width: 1600px) and (min-width: 1280px) { .container { padding-top: 45px; padding-bottom: 85px; } } @media all and (max-width: 960px) { .container { padding-top: 40px; padding-bottom: 40px; } } .container.wide { max-width: 1340px; padding-left: 25px; padding-right: 25px; } @media all and (max-width: 767px) { .container.wide { padding-left: 0; padding-right: 0; } } @media all and (max-width: 1420px) { .container { width: calc(100% - 160px); margin: 0 auto; } } @media all and (max-width: 767px) { .container { margin: 0 16px; width: calc(100% - 32px); } } .aside_container { display: flex; justify-content: space-between; } .aside_container aside { width: 415px; } @media all and (max-width: 960px) { .aside_container aside { width: 100%; } } .aside_container article { width: calc(100% - 550px); } .aside_container article:only-child { width: 100%; } .aside_container article .info_column { padding: 20px 40px; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #EDEFF5; } .aside_container article .info_column div { width: calc(50% - 55px); } @media all and (max-width: 960px) { .aside_container article .info_column { padding: 0; } .aside_container article .info_column div { width: 100%; } } @media all and (max-width: 960px) { .aside_container article { width: 100%; } .aside_container article .info_column { padding: 25px 0; } } .aside_container.about aside { width: 305px; } @media all and (max-width: 1600px) and (min-width: 1280px) { .aside_container.about aside { width: 265px; } } .aside_container.about article { width: calc(100% - 335px); } @media all and (max-width: 1600px) and (min-width: 1280px) { .aside_container.about article { width: calc(100% - 295px); } } @media all and (max-width: 1279px) { .aside_container.about { display: block; } .aside_container.about aside, .aside_container.about article { width: 100%; } } .section_title { font-size: 50px; line-height: 60px; font-weight: 700; color: #0C0C0C; margin-bottom: 35px; position: relative; } .section_title.no-margin { margin-bottom: 0; } @media all and (max-width: 1600px) and (min-width: 1280px) { .section_title { font-size: 36px; line-height: 48px; } } @media all and (max-width: 1279px) { .section_title { font-size: 32px; line-height: 44px; } } @media all and (max-width: 960px) { .section_title { font-size: 22px; line-height: 33px; } } @media all and (max-width: 767px) { .section_title { margin-bottom: 25px; } } .section_title.wp { padding-right: 210px; } @media all and (max-width: 1279px) { .section_title.wp { padding-right: 0; } } .section_title_with_em { font-size: 26px; line-height: 35px; color: var(--text_not_active) !important; margin-top: 0; margin-bottom: 35px; } @media all and (max-width: 767px) { .section_title_with_em { font-size: 19px; line-height: 26px; } } .section_title_with_em em { font-size: 50px; line-height: 60px; font-weight: 700; color: #0C0C0C; position: relative; font-style: normal; } .section_title_with_em em.no-margin { margin-bottom: 0; } @media all and (max-width: 1600px) and (min-width: 1280px) { .section_title_with_em em { font-size: 36px; line-height: 48px; } } @media all and (max-width: 1279px) { .section_title_with_em em { font-size: 32px; line-height: 44px; } } @media all and (max-width: 960px) { .section_title_with_em em { font-size: 22px; line-height: 33px; } } @media all and (max-width: 767px) { .section_title_with_em em { margin-bottom: 25px; } } .section_title_with_em em.wp { padding-right: 210px; } @media all and (max-width: 1279px) { .section_title_with_em em.wp { padding-right: 0; } } .order_title { font-size: 36px !important; line-height: 0px !important; margin-top: 28px !important; font-weight: 700; color: #0C0C0C; position: relative; } .order_title.no-margin { margin-bottom: 0; } @media all and (max-width: 1600px) and (min-width: 1280px) { .order_title { font-size: 36px !important; } } @media all and (max-width: 1279px) { .order_title { font-size: 32px !important; } } @media all and (max-width: 960px) { .order_title { font-size: 22px !important; line-height: 0px !important; } } @media all and (max-width: 767px) { .order_title { font-size: 22px !important; line-height: 23px !important; margin: 0px !important; margin-bottom: 15px !important; } } .order_title.wp { padding-right: 210px !important; } @media all and (max-width: 1279px) { .order_title.wp { padding-right: 0 !important; } } .order_title_sub { font-size: 24px !important; line-height: 10px !important; font-weight: normal !important; margin-bottom: 50px; color: #0C0C0C; position: relative; } .order_title_sub.no-margin { margin-bottom: 0; } @media all and (max-width: 1279px) { .order_title_sub { font-size: 22px !important; } } @media all and (max-width: 960px) { .order_title_sub { font-size: 20px !important; line-height: 10px !important; margin-bottom: 90px !important; } } @media all and (max-width: 767px) { .order_title_sub { line-height: 20px !important; font-size: 18px !important; margin: 0px !important; margin-bottom: 30px !important; } } .order_title_sub.wp { padding-right: 210px; } @media all and (max-width: 1279px) { .order_title_sub.wp { padding-right: 0; } } .car_position_title { font-size: 26px; line-height: 35px; color: var(--text_not_active) !important; margin-top: 0; margin-bottom: 0; } @media all and (max-width: 767px) { .car_position_title { font-size: 19px; line-height: 26px; } } .car_position_title em { font-size: 50px; line-height: 60px; font-weight: 700; color: #0C0C0C; margin-bottom: 35px; position: relative; font-style: normal; } .car_position_title em.no-margin { margin-bottom: 0; } @media all and (max-width: 1600px) and (min-width: 1280px) { .car_position_title em { font-size: 36px; line-height: 48px; } } @media all and (max-width: 1279px) { .car_position_title em { font-size: 32px; line-height: 44px; } } @media all and (max-width: 960px) { .car_position_title em { font-size: 22px; line-height: 33px; } } @media all and (max-width: 767px) { .car_position_title em { margin-bottom: 25px; } } .car_position_title em.wp { padding-right: 210px; } @media all and (max-width: 1279px) { .car_position_title em.wp { padding-right: 0; } } h1 { font-size: 32px; line-height: 40px; } h2 { font-size: 24px; line-height: 28px; margin-top: 1.5em; margin-bottom: 10px; } @media all and (max-width: 1600px) and (min-width: 1280px) { h2 { font-size: 22px; line-height: 26px; } } h2.model { font-size: 26px; line-height: 35px; color: var(--text_not_active); margin-top: 0; margin-bottom: 0; } @media all and (max-width: 767px) { h2.model { font-size: 19px; line-height: 26px; } } h2:first-child { margin-top: 0; } h3 { font-size: 17px; line-height: 24px; margin-top: 1.5em; margin-bottom: 10px; } h3:first-child { margin-top: 0; } h4 { font-size: 15px; line-height: 20px; margin-top: 1.5em; margin-bottom: 10px; } h4:first-child { margin-top: 0; } .secondary { font-size: 13px; line-height: 20px; } .secondary.not_active { color: #8E94A7; } @media all and (max-width: 960px) { .secondary { font-size: 10px; line-height: 15px; } } b, strong { font-weight: 700; } p.primary { color: var(--blue); } a { text-decoration: none; color: var(--blue); } div { box-sizing: border-box; } .clear { display: block; clear: both; } @media all and (max-width: 1279px) { h2 { font-size: 20px; line-height: 24px; } } @media all and (max-width: 736px) { h1 { font-size: 24px; line-height: 32px; } h2 { font-size: 20px; line-height: 24px; } } .i-phone { padding-left: 28px; background: url("/images/icons/icon-phone-hot.svg") no-repeat 0 2px; } .i-phone-secondary { padding-left: 28px; background: url("/images/icons/icon-phone-secondary.svg") no-repeat 0 2px; } .i-address { padding-left: 28px; background: url("/images/icons/icon-address.svg") no-repeat 0 2px; } .i-worktime { padding-left: 28px; background: url("/images/icons/icon-worktime.svg") no-repeat 0 2px; } .i-pdf { padding-left: 80px; background: url("/images/icons/icon-pdf.svg") no-repeat left center; } .i-pdf[data-format] { background: url("/images/icons/icon-file.svg") no-repeat left center; } @media all and (max-width: 1600px) and (min-width: 1280px) { .i-pdf { padding-left: 56px; background-size: 42px; } } @media all and (max-width: 960px) { .i-pdf { padding-left: 55px; background-size: 32px; background-position: 0 5px; } } .success { color: var(--green); } .danger { color: var(--red); } @media all and (max-width: 767px) { ::-webkit-scrollbar { display: none; } } .line_style { content: ""; display: block; position: absolute; top: 50px; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; } @media all and (max-width: 1279px) { .line_style { display: none; } } section[data-page] .container:before { content: ""; display: block; position: absolute; top: 50px; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; } @media all and (max-width: 1279px) { section[data-page] .container:before { display: none; } } section[data-page] + #order .container { border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; } @media all and (max-width: 1279px) { section[data-page] + #order .container { border: 0; } } section[data-page][data-page="programs"] .container:before { content: ""; display: block; position: absolute; top: 50px; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; } @media all and (max-width: 1279px) { section[data-page][data-page="programs"] .container:before { display: none; } } section[data-page][data-page="programs"] .container .programs_list { position: relative; } section[data-page][data-page="programs"] .container .programs_list:before { content: ""; display: block; position: absolute; top: 50px; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; left: calc(25% + 7px); right: calc(25% - 23px); top: 40px; bottom: -80px; } @media all and (max-width: 1279px) { section[data-page][data-page="programs"] .container .programs_list:before { display: none; } } section[data-page][data-page="programs"] .container .programs_list:after { content: ""; display: block; position: absolute; top: 50px; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; top: 40px; bottom: -80px; border-right: 0; left: calc(50% + 13px); } @media all and (max-width: 1279px) { section[data-page][data-page="programs"] .container .programs_list:after { display: none; } } section[data-page][data-page="programs"] + #order .container:before { content: ""; display: block; position: absolute; top: 50px; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; left: calc(25% + 7px); right: calc(25% - 23px); top: 0px; bottom: -80px; } @media all and (max-width: 1279px) { section[data-page][data-page="programs"] + #order .container:before { display: none; } } section[data-page][data-page="programs"] + #order .container:after { content: ""; display: block; position: absolute; top: 50px; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; top: 0px; bottom: -80px; border-right: 0; left: calc(50% + 13px); } @media all and (max-width: 1279px) { section[data-page][data-page="programs"] + #order .container:after { display: none; } } @media all and (max-width: 1279px) { section[data-page][data-page="programs"] + #order .container { border-right: 0; border-left: 0; } section[data-page][data-page="programs"] + #order .container:before, section[data-page][data-page="programs"] + #order .container:after { display: none; } } section[data-page][data-page="services"] .container:before { content: ""; display: block; position: absolute; top: 50px; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; } @media all and (max-width: 1279px) { section[data-page][data-page="services"] .container:before { display: none; } } section[data-page][data-page="services"] .container .services_list { position: relative; } section[data-page][data-page="services"] .container .services_list:before { content: ""; display: block; position: absolute; top: 50px; left: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; left: 30px; right: 0; margin: auto; width: calc(33.333% + 13px); top: 40px; bottom: -80px; } @media all and (max-width: 1279px) { section[data-page][data-page="services"] .container .services_list:before { display: none; } } section[data-page][data-page="services"] + #order .container:before { content: ""; display: block; position: absolute; top: 50px; left: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; left: 30px; right: 0; margin: auto; width: calc(33.333% + 13px); top: 0px; bottom: -80px; } @media all and (max-width: 1279px) { section[data-page][data-page="services"] + #order .container:before { display: none; } } @media all and (max-width: 1279px) { section[data-page][data-page="services"] + #order .container { border-right: 0; border-left: 0; } section[data-page][data-page="services"] + #order .container:before, section[data-page][data-page="services"] + #order .container:after { display: none; } } section[data-page][data-page="catalog"] .container:before { content: ""; display: block; position: absolute; top: 50px; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; } @media all and (max-width: 1279px) { section[data-page][data-page="catalog"] .container:before { display: none; } } section[data-page][data-page="catalog"] .container .catalog_list { position: relative; } section[data-page][data-page="catalog"] .container .catalog_list:before { content: ""; display: block; position: absolute; top: 50px; left: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; left: 30px; right: 0; margin: auto; width: calc(33.333% + 13px); top: 40px; bottom: -200px; } @media all and (max-width: 1279px) { section[data-page][data-page="catalog"] .container .catalog_list:before { display: none; } } section[data-page][data-page="catalog"] + #order .container:before { content: ""; display: block; position: absolute; top: 50px; left: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; left: 30px; right: 0; margin: auto; width: calc(33.333% + 13px); top: 0px; bottom: -80px; } @media all and (max-width: 1279px) { section[data-page][data-page="catalog"] + #order .container:before { display: none; } } @media all and (max-width: 1279px) { section[data-page][data-page="catalog"] + #order .container { border-right: 0; border-left: 0; } section[data-page][data-page="catalog"] + #order .container:before, section[data-page][data-page="catalog"] + #order .container:after { display: none; } } section[data-page][data-page="special"] .container:before { content: ""; display: block; position: absolute; top: 50px; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; } @media all and (max-width: 1279px) { section[data-page][data-page="special"] .container:before { display: none; } } section[data-page][data-page="special"] .container .special_list { position: relative; } section[data-page][data-page="special"] .container .special_list:after { content: ""; display: block; position: absolute; top: 50px; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; border-right: 0; left: 0; right: 0; margin: auto; top: 0; width: 1px; bottom: -80px; } @media all and (max-width: 1279px) { section[data-page][data-page="special"] .container .special_list:after { display: none; } } section[data-page][data-page="special"] + #order .container:after { content: ""; display: block; position: absolute; top: 50px; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; border-right: 0; left: 0; right: 0; margin: auto; top: 0; width: 1px; bottom: -80px; } @media all and (max-width: 1279px) { section[data-page][data-page="special"] + #order .container:after { display: none; } } [data-page="position"] .container:before { border-right: 0 !important; } [data-page="position"] .model_container { border-right: 1px solid #EDEFF5; } @media all and (max-width: 1279px) { [data-page="position"] .model_container { border-right: 0; } } [data-page="leasing_special"] .container:before { border-right: 0 !important; } [data-page="leasing_special"] .special_item:not(:last-child):before { content: ""; display: block; width: 1px; height: auto; background: #EDEFF5; position: absolute; top: 30px; right: -15px; bottom: -150px; } [data-page="news_main"] .news_item:not(:first-child) { border-left: 1px solid #fff; } @media all and (max-width: 767px) { [data-page="news_main"] .news_item:not(:first-child) { border-left: 0; } } [data-page="news_main"] .container:before { top: 0 !important; width: 391px; right: auto; bottom: -80px; } [data-page="news_main"] .container:after { content: ""; display: block !important; position: absolute; top: 0; left: 755px; z-index: -1; width: 365px; bottom: -80px; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; } [data-page="news_main"] + #order .container { border-right: 0 !important; } [data-page="news_main"] + #order .container:before { content: ""; display: block !important; position: absolute; border-right: 1px solid #EDEFF5; top: 0 !important; left: 0; width: 389px; right: auto; bottom: -80px; } [data-page="news_main"] + #order .container:after { content: ""; display: block !important; position: absolute; top: 0; left: 754px; z-index: -1; width: 365px; bottom: -80px; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; } [data-page="about"] .container:before { content: ""; display: block; position: absolute; top: 50px; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; } @media all and (max-width: 1279px) { [data-page="about"] .container:before { display: none; } } [data-page="about"] .container aside { position: relative; } [data-page="about"] .container aside:before { content: ""; display: block; position: absolute; top: 50px; left: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; left: auto; right: 0; margin: auto; width: 1px; border-left: 0; top: 0px; bottom: -80px; } @media all and (max-width: 1279px) { [data-page="about"] .container aside:before { display: none; } } [data-page="about"] + #order .container:before { content: ""; display: block; position: absolute; top: 50px; right: 0; bottom: 0; z-index: -1; pointer-events: none; box-sizing: border-box; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; left: 0; right: auto; margin: auto; width: 304px; top: 0px; bottom: -80px; border-left: 0; } @media all and (max-width: 1279px) { [data-page="about"] + #order .container:before { display: none; } } @media all and (max-width: 1279px) { [data-page="about"] + #order .container { border-right: 0; border-left: 0; } [data-page="about"] + #order .container:before, [data-page="about"] + #order .container:after { display: none; } } #main_slider { position: relative; } #main_slider:after { content: ""; display: block; height: 1px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: #fff; opacity: 0.1; pointer-events: none; z-index: 1; } #main_slider .container { border-left: 1px solid rgba(255, 255, 255, 0.1); } @media all and (max-width: 1660px) { #main_slider .container { border-right: 1px solid rgba(255, 255, 255, 0.1); } } @media all and (max-width: 767px) { #main_slider .container { border-left: 0; border-right: 0; } } #main_slider .container:before, #main_slider .container:after { content: ""; display: block; position: absolute; top: 0; left: 286px; bottom: 0; opacity: 0.1; width: 286px; border-left: 1px solid #fff; border-right: 1px solid #fff; } @media all and (max-width: 1660px) { #main_slider .container:before, #main_slider .container:after { left: 20%; width: 20%; } } @media all and (max-width: 767px) { #main_slider .container:before, #main_slider .container:after { width: 40%; left: 0; right: 0; margin: auto; } } #main_slider .container:after { left: 858px; } @media all and (max-width: 1660px) { #main_slider .container:after { left: 60%; } } @media all and (max-width: 767px) { #main_slider .container:after { display: none; } } #main_slider + #filter .container { border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; } #main_slider + #filter .container:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-left: 1px solid #EDEFF5; border-right: 1px solid #EDEFF5; width: calc(33.333% + 10px); pointer-events: none; } @media all and (max-width: 1279px) { #main_slider + #filter .container { border: 0; } #main_slider + #filter .container:before { display: none; } } .container_with_filter_with_margin { margin-bottom: 0px !important; padding-bottom: 20px !important; } [data-custom-scroll]::-webkit-scrollbar { width: 4px; height: 16px; } [data-custom-scroll]::-webkit-scrollbar-track { background: var(--inactive); } [data-custom-scroll]::-webkit-scrollbar-thumb { background: var(--blue); border-radius: 0px; }