/* Start:/local/templates/ma-template/css/pages/choice-of-solutions.css?17619784129968*/ hmtl, body { overflow-x: hidden; } body { background: linear-gradient(rgba(0, 122, 255, 0.27) 9%, rgb(9, 39, 61) 32%); } .page-choice .l-content--inner { padding: 0; } .page-choice::after, .page-choice .l-content .l-wrapper::after { content: ''; position: absolute; z-index: -3; width: 557px; height: 656px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; } .page-choice::after { width: 496px; top: -17px; right: -295px; } .page-choice .l-content .l-wrapper::after { top: 373px; left: 238px; transform: rotate(-33deg); } @media (max-width: 1300px) { .page-choice::after, .page-choice .l-content .l-wrapper::after { display: none; } .page-choice .l-wrapper { padding: 0 24px 0 26px; } } /* End */ /* Start:/local/templates/ma-template/components/ma/news/choice-of-solutions/ma/news.detail/.default/style.css?17816149346143*/ .solution-choice { position: relative; z-index: 1; overflow: hidden; background-color: #FFFFFF; border-radius: 15px; padding: 0px 99px 50px 96px; margin-top: 87px; } .solution-choice__header { margin-bottom: 66px; } .solution-choice__header::after { content: ''; position: absolute; top: 0; right: 0; z-index: -1; width: 100%; height: 100%; background: url('/local/templates/ma-template/components/ma/news/choice-of-solutions/ma/news.detail/.default/./image/header-background.png'); background-repeat: no-repeat; } .solution-choice__header-top { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 20px; } .solution-choice__header-top h1 { font-weight: 600; font-size: 44px; line-height: 120%; text-transform: uppercase; margin: 50px 0 0 0; } .solution-choice__header-image { position: relative; } .solution-choice__header-image::after { content: ''; position: absolute; top: 0; left: 38px; z-index: 2; width: 311px; height: 194px; background: url('/local/templates/ma-template/components/ma/news/choice-of-solutions/ma/news.detail/.default/./image/header-image-logo.svg'); background-repeat: no-repeat; opacity: 0.5; } .solution-choice__header-img { position: absolute; z-index: 3; top: 16px; left: 114px; width: auto; height: auto; transition: all 0.3s ease; } .solution-choice__header-bottom { margin-top: 67px; } .solution-choice__tabs { display: flex; flex-wrap: wrap; column-gap: 15px; row-gap: 16px; padding: 0 2px 0 4px; } .page-holder .solution-choice__tab, .page-holder a.solution-choice__tab, .page-holder a.solution-choice__tab:visited { font-weight: 700; font-size: 16px; line-height: 100%; text-align: center; white-space: nowrap; display: flex; align-items: center; justify-content: center; height: 44px; color: #09273D; background: #FFFFFF; border: 3px solid #007AFF; border-radius: 15px; padding: 12px 37px 12px 37px; cursor: pointer; transition: all 0.3s ease; } .page-holder .solution-choice__tab.solution-choice__tab--active, .page-holder a.solution-choice__tab.solution-choice__tab--active { color: #FFFFFF; background: #007AFF; } .solution-choice__body { display: grid; grid-template-columns: 1fr 300px; gap: 20px; align-items: start; } .solution-choice__content { position: relative; } .solution-choice__content-item:first-of-type { position: relative; } .solution-choice__content-item { visibility: visible; position: relative; display: block; width: 100%; transition: all 0.3s ease; } @media (max-width: 522px) { /* Стили для экранов шириной от 768 до 1024 пикселей */ .solution-choice__content-item { visibility: visible; position: relative; display: block; width: 90%; transition: all 0.3s ease; } } @media (min-width: 416px) and (max-width: 522px) { .content-item__text h1 { font-size: 40px; } } @media (min-width: 343px) and (max-width: 416px) { .content-item__text h1 { font-size: 30px; } } @media (min-width: 243px) and (max-width: 343px) { .content-item__text h1 { font-size: 24px; } } .content-item__text { display: flex; flex-direction: column; gap: 38px; font-weight: 700; font-size: 26px; line-height: 36px; letter-spacing: -0.36px; } .content-item__text h2 { font-weight: 900; font-size: 34px; line-height: 40px; letter-spacing: 0; margin: 0; } .content-item__text p { /* max-width: 730px; */ margin: 0; } .content-item__detail-text { font-weight: 500; font-size: 18px; line-height: 28px; letter-spacing: -0.36px; margin-top: 38px; } .content-item__detail-text h3 { font-weight: 700; font-size: 18px; line-height: 28px; letter-spacing: -0.36px; margin: 28px 0; } .content-item__detail-text p { margin: 0; } .content-item__text ul, .content-item__detail-text ul { padding-left: 20px; list-style: none; } .content-item__text li, .content-item__detail-text li { position: relative; padding-left: 27px; margin-bottom: 10px; } .content-item__text li::before, .content-item__detail-text li::before { content: ''; position: absolute; left: 8px; top: 8px; width: 10px; height: 10px; background: #007bff; border-radius: 50%; } .page-holder .g-button.solution-choice__btn { display: inline-block; font-weight: 600; font-size: 20px; line-height: 120%; text-align: center; vertical-align: middle; color: #FFFFFF; background-color: #007AFF; border: none; border-radius: 15px; cursor: pointer; text-align: center; padding: 16px 27px; margin-top: 45px; transition: all 0.3s ease; } @media (max-width: 992px) { .solution-choice__body { grid-template-columns: 1fr; } .solution-choice__sidebar { display: none; } } @media (max-width: 768px) { .solution-choice { background-color: transparent; border-radius: 0; padding: 0; margin: 0; } .solution-choice__header { margin-bottom: 40px; } .solution-choice__header-top h1 { font-size: 26px; color: #FFFFFF; margin: 0; } .solution-choice__header::after { display: none; } .solution-choice__header-image { display: none; } .solution-choice__header-bottom { margin-top: 51px; } .solution-choice__tabs { column-gap: 5px; row-gap: 15px; padding: 0; } .page-holder .solution-choice__tab, .page-holder a.solution-choice__tab, .page-holder a.solution-choice__tab:visited { color: #FFFFFF; background: transparent; border: 3px solid #007AFF; border-radius: 15px; padding: 12px 16px 12px 16px; } .solution-choice__body { background-color: #FFFFFF; border-radius: 15px; padding: 35px 20px 30px; } .content-item__text { font-size: 18px; line-height: 28px; gap: 30px; } .content-item__text h2 { font-size: 24px; line-height: 32px; } .content-item__detail-text { margin-top: 30px; } .content-item__detail-text, .content-item__detail-text h3 { font-size: 16px; line-height: 24px; } .content-item__detail-text h3 { font-weight: 700; letter-spacing: -0.36px; margin: 22px 0; } .page-holder .content-item__text li, .page-holder .content-item__detail-text li { position: relative; padding-left: 23px; margin-bottom: 25px; } .page-holder .g-button.solution-choice__btn { width: 100%; font-size: 16px; line-height: 120%; border-radius: 15px; padding: 25px 25px; margin-top: 45px; } } /* End */ /* Start:/local/templates/ma-template/components/ma/form/find-solution/style.css?17774656782448*/ .find-solution-form{ scroll-margin: 120px; margin-top: 3px; } .find-solution-form .b-hidden-captcha { display: none; } .find-solution-form .b-message-form { padding: 41px 20px 25px 20px; } .find-solution-form .consultation-form { max-width: 300px; display: flex; flex-direction: column; padding: 0; } .find-solution-form .b-message-form-title { max-width: 245px; margin: 0 auto 44px; } .find-solution-form .b-message-form_item { padding: 0 5px; } .find-solution-form .b-message-form_item:nth-child(6) { margin-bottom: 37px; } .find-solution-form .b-message-form_item:nth-child(7) { margin-bottom: 19px; } .find-solution-form .privacy-block { font-size: 11px; margin-top: 5px; padding: 0 0 0 5px; } .find-solution-form .privacy-block .checkbox-block { display: flex; align-items: start; gap: 6px; } .page-holder .find-solution-form .privacy-block a { font-size: 11px; padding: 0; margin: 0; } .find-solution-form .b-message-form_submit { margin-top: 27px; } .page-holder .find-solution-form .consultation-form .b-message-form_submit button { padding: 16px 40px; background-color: #d8dde0; } .find-solution-form .smart-captcha { min-width: 290px; } /* Скрываем ошибку по умолчанию */ .find-solution-form .b-message-form_item-error { display: none; color: #EA0E0E; font-size: 10px; margin-top: 9px; } .find-solution-form .b-message-form_item-error-input .b-message-form_item-error { display: block; animation: fadeIn 0.2s ease; } /* Красная рамка для поля */ .find-solution-form .b-message-form_item-error-input .inputtext, .find-solution-form .b-message-form_item-error-input .textarea, .find-solution-form .b-message-form_item-error-input .select, .find-solution-form .b-message-form_item-error-input .iti__selected-flag { border-color: #EA0E0E !important; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } } .b-message-form_field_item { display: inline-flex; align-items: center; } .l-message-from-checkbox { margin-bottom: -16px; padding-left: 2px; font-size: 11.4px; font-weight: 400; line-height: 20px; } .link-message-form { color: #007aff !important; text-decoration: underline !important; } .i-message-form-checkbox { margin: 0; padding: 0; } /* End */ /* /local/templates/ma-template/css/pages/choice-of-solutions.css?17619784129968 */ /* /local/templates/ma-template/components/ma/news/choice-of-solutions/ma/news.detail/.default/style.css?17816149346143 */ /* /local/templates/ma-template/components/ma/form/find-solution/style.css?17774656782448 */