a { text-decoration: none; } .scroll-menu { width: 493px; height: 52px; background: #222A34; border: 1px solid #47647A; border-radius: 20px; display: flex; justify-content: space-between; margin: 20px auto 0; align-items: center; padding: 0 20px 0; position: sticky; top: 120px; z-index: 59; } .scroll-menu a { font-weight: 700; font-size: 16px; line-height: 19px; color: #D4DBE1; } .scroll-menu a.active { color: #C6CF4F; } .history.support-page { margin: 70px auto 0; display: flex; flex-direction: column; justify-content: center; } .history.support-page .history-title { text-align: center; } .history.support-page .history-title a { font-size: 24px; } .history.support-page .history-body { margin-top: 40px; } .guarantee { margin-top: 50px; width: 100%; height: 322px; position: relative; background: #222A34; display: flex; align-items: center; } .hand-background { position: absolute; right: 0; top: 0; } .guarantee-content { width: 530px; margin-left: 375px; } .guarantee-title a { font-weight: 700; font-size: 24px; line-height: 29px; color: #D4DBE1; } .guarantee-points { margin: 30px 0 0 20px; width: 475px; } .guarantee-points li { font-weight: 700; font-size: 16px; line-height: 19px; color: #9DACB7; position: relative; margin-left: 30px; margin-bottom: 30px; display: flex; align-items: center; } .guarantee-points li::before { content: " "; position: absolute; width: 32px; height: 32px; margin-left: -55px; background: url(/local/templates/arkonoptics/img/point.svg); } .guarantee-text { width: 655px; margin: 50px auto 0; } .guarantee-text a { font-weight: 400; font-size: 16px; line-height: 19px; color: #D4DBE1; } .guarantee-box { margin: 50px auto 0; width: 780px; height: auto; padding: 37px 32px; border: 1px solid #47647A; border-radius: 20px; } .guarantee-box a { font-weight: 400; font-size: 16px; line-height: 19px; color: #D4DBE1; } .history-title.support-page { margin: 85px auto 0px; width: 330px; } .manual .history-title { width: 600px; margin: auto; } .history-title.support-page a, .manual .history-title a { font-size: 24px; line-height: 29px; } .support-info { margin: 200px auto 0; padding: 22px 32px; width: 538px; height: auto; border: 1px solid #47647A; border-radius: 20px; } .support-info span { font-weight: 400; font-size: 14px; line-height: 17px; color: #D4DBE1; } .support-info a { color: #C6CF4F; } .answers-content {width: calc(100% - 560px)} .answers-content .slick-list {width: 100%} .questions-content { width: 450px; min-width: 450px; background: #222A34; border-radius: 0 20px 20px 0; margin-right: 70px; display: flex; align-items: center; } .questions-swiper-block { display: flex; align-items: center; margin-top: -40px; } .question-item { width: 395px; height: 70px; display: flex; justify-content: center; align-items: center; border-radius: 20px 0 0 20px; } .question-item a { font-weight: 600; font-size: 14px; line-height: 17px;&nbsp;color: #9DACB7;&nbsp;width: 285px; } .answers-content p, .answers-content li { font-weight: 400; font-size: 16px; line-height: 19px; color: #D4DBE1; } .manual { margin: 120px auto 0; display: flex; flex-direction: column; } .manual .filter { background: transparent; width: auto; } .manual .setting-choise { display: inline-flex; flex-wrap: wrap; width: 140px; } .manual .setting-choise .settings-choise-item { margin-right: 10px; } .manual .download-box { justify-content: center; } .manual .setting-name { justify-content: left; width: 175px; } .manual .download-position:hover { background: #2B3846; } .questions-swiper-block.tablet { display: none; } .advantages-box.series-page.support-page .slick-prev { top: 285px; left: 375px; } .advantages-box.support-page .slick-next { right: 375px; } .alfa-text { display: none; } .ovis-text {display: none;} .settings-choise-item.chosen .alfa-text, .settings-choise-item.chosen .ovis-text { display: block; } .settings-choise-item.chosen .ovis-text-default,.settings-choise-item.chosen .alfa-text-default { display: none; } @media screen and (max-width: 1160px) { .guarantee-text { width: 463px; } .guarantee-content { width: 315px; z-index: 50; margin-left: 115px; } .guarantee-title a { font-size: 20px; } .guarantee-points { width: 315px; } .guarantee-points li { font-size: 14px; font-weight: 400; margin-bottom: 15px; } .guarantee-points li:last-child { margin-bottom: 0; } .hand-background { right: -50px; } .guarantee-box, .support-info { width: 455px; } .support-info { margin-top: 65px; } .questions-content { width: 345px; min-width: 345px; margin-right: 30px; } .question-item { width: 330px; } .questions-swiper-block { margin-top: -110px; } .advantages-box.support-page .slick-prev { top: 215px!important; left: 277px!important; } .advantages-box.support-page .slick-next { top: -30px; } footer{ margin-top: -70px; } } @media screen and (max-width: 1000px) { .questions-swiper-block { margin-top: -245px; } footer{ margin-top: -100px; } .advantages-box.series-page.support-page .slick-prev { top: 210px; left: 278px; } } @media screen and (max-width: 850px) { .hand-background { right: -150px; } .questions-swiper-block.tablet { display: block; margin-top: 0; } .questions-swiper-block.desktop { display: none; } .question-blocks { margin: 25px auto; width: 316px; } .question { width: 316px; height: 50px; background: #222A34; border-radius: 10px; display: flex; justify-content: center; align-items: center; } .question a { font-weight: 600; font-size: 14px; line-height: 17px; color: #FFFFFF; width: 260px; } .answer { opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out 0.2s; display: flex; align-items: center; justify-content: center; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); top: 0; left: 0; z-index: 201; } .answer p, .answer li { font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFFFF; } .answer-text { width: 80%; height: 400px; position: relative; } .close-popup { position: absolute; right: 20px; } .question-blocks.open-answer .answer { opacity: 1; visibility: visible; transition: all 0.2s ease-in-out 0.2s; } .advantages-box.support-page .advantages-box-img img { width: 200%!important; } footer{ margin-top: 80px; } } @media screen and (max-width: 685px) { .hand-background { right: -250px; } } @media screen and (max-width: 615px) { .scroll-menu { width: 348px; } .scroll-menu a { font-size: 14px; } .hand-background { right: -380px; } .guarantee-content { margin-left: 30px; } .guarantee-box, .support-info { width: 265px; } .manual .history-title { width: 318px; } .guarantee-text { width: 315px; } .advantages-box.support-page .slick-next { top: -15px; } .advantages-box.support-page .slick-prev { top: 230px !important; left: 177px!important; } .manual .setting-name {justify-content: center; width: 85px;} .manual .setting-choise {justify-content: center;} .main-setting-category, .setting-category { width: 145px; } .manual .filter { padding: 30px 0 52px 0px; }&nbsp;.advantages-box.support-page.series-page .advantages-box-img img {&nbsp;width: 170%;&nbsp;height: 95%;&nbsp;}&nbsp;&nbsp;.advantages-box.series-page.support-page .slick-prev&nbsp;{&nbsp;top: <span>255px<br>
 </span>;&nbsp;left: 178px;&nbsp;} }
 @media screen and (max-width: 1375px) {
    .questions-swiper-block {
        margin-top: 40px;
    }
 }
 @media screen and (max-width: 1160px) {
    .answers-content {
        width: calc(100% - 410px);
    }
 }
@media screen and (max-width: 390px) {
    .scroll-menu {
      width: 325px;
    }
}