/* Start:/local/components/iridium/landing/templates/.default/style.css?178903305445280*/
html {
    scroll-behavior: smooth;
}

#form,
#showroom_block,
#automatization,
#opportunities,
#scenarios,
#projects,
#partner,
#faq {
    scroll-margin-top: 90px;
}

.gray-bg {
    background: #F3F3F3;
}

.col {
    flex-direction: column;
}

.info_block {
    width: 100%;
}

.landing * {
    font-weight: 300;
    line-height: 100%;
}

.landing a {
    color: #FA8232;
    font-size: 20px;
}

.landing .block_area {
    display: flex;
    flex-direction: column;
    gap: 130px;
    padding: 130px;
}

.landing .banner {
    display: flex;
    gap: 60px;
}

.landing .card_desc, .landing .card_body, .landing .details__content{
    line-height: 30px;
}

.landing .banner .title {
    font-family: Gilroy;
    font-size: 60px;
    margin-bottom: 50px;
}

.landing .banner .description {
    font-size: 20px;
    line-height: 30px;
}

.landing .banner .subtitle {
    font-size: 30px;
}

.landing .banner .description+.description {
    margin-top: 50px;
}

.landing .banner .description+.subtitle {
    margin-top: 100px;
}

.landing .banner .subtitle+.description {
    margin-top: 40px;
}

.banner .action_block .links a {
    color: #000;
    text-decoration: none;
    font-size: 30px;
    display: flex;
    align-items: baseline;
    gap: 20px;
}

.banner .action_block .links a::after {
    content: "";
    background: url(/local/components/iridium/landing/templates/.default/./media/row_left.svg) center bottom no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
}

.banner .action_block .links a:hover {
    color: #FA8232;
}

.banner .action_block .links a:hover::after {
    background: url(/local/components/iridium/landing/templates/.default/./media/row_left_active.svg) center bottom no-repeat;
}

.banner .link {
    color: #000;
    text-decoration: none;
    font-size: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.banner .link::after {
    content: "";
    background: url(/local/components/iridium/landing/templates/.default/./media/row_left.svg) center bottom no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
}

.banner .link:hover {
    color: #FA8232;
}

.banner .link:hover::after {
    background: url(/local/components/iridium/landing/templates/.default/./media/row_left_active.svg) center bottom no-repeat;
}

.landing .left {
    display: flex;
    width: calc(50% - 30px);
}

.landing .right {
    display: flex;
    width: calc(50% - 30px);
}

.action_title {
    font-size: 30px;
}

.first_banner {
    display: flex;
    flex-direction: column;
    padding: 100px 130px;
    gap: 90px;
    height: 910px;
    background: url('/local/components/iridium/landing/templates/.default/./media/background.png') center center / cover;

}

.first_banner .title {
    font-family: Gilroy;
    font-size: 80px;
    margin-bottom: 30px;
}

.first_banner .description {
    font-size: 30px;
}

.first_banner .action_block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.landing .btn {
    width: 400px;
    height: 60px;
    border-radius: 10px;
    font-weight: 400;
    font-size: 20px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.landing .btn.primary {
    background: #000000;
    color: #fff;
}

.landing .btn.second {
    background: inherit;
    color: #000;
    border: 2px solid black;
}

.landing .primary:hover {
    background: #FA8232;
    color: #000;
}

.landing .second:hover {
    border: 2px solid #FA8232;
    color: #FA8232;
}

.second_banner .left {
    flex-direction: column;
    gap: 80px;
}

.second_banner .right {
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 20px;
}

.second_banner .action_block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.second_banner .action_block .links {
    display: flex;
    gap: 40px;
}

.right .card {
    background-color: #F3F3F3;
    background-position: bottom 40px right 40px;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 40px;
    height: 290px;
    font-size: 30px;
}

.right .card.production {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/RU.svg);
}

.right .card.skolkovo {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/SK.svg);
}

.right .card.mindigits {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/mindigits.svg);
}

.third_banner .left {
    height: 800px;
    background: url(/local/components/iridium/landing/templates/.default/./media/berlin.png) center center / cover;
    border-radius: 10px;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 20px;
}

.third_banner .right {
    flex-direction: column;
    gap: 140px;
}

.third_banner .action_block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.third_banner .tooltips {
    display: flex;
    gap: 40px;
}

.third_banner .tooltip {
    display: flex;
    flex-direction: column;
    gap: 6px;

}

.third_banner .tooltip {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: relative;
    background-size: 100% 100%;
    background-position: center center;
}

.third_banner .tooltip::after {
    position: absolute;
    bottom: -24px;
    display: none;
    width: auto;
    color: #999;
    white-space: nowrap;
    font-size: 12px;
}

.third_banner .tooltip:hover:after {
    display: block;
}

.third_banner .tooltip.light {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/light.svg);
}

.third_banner .tooltip.blinds {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/blinds.svg);
}

.third_banner .tooltip.heating {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/heating.svg);
}

.third_banner .tooltip.ventilation {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/ventilation.svg);
}

.third_banner .tooltip.humidification {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/humidification.svg);
}

.third_banner .tooltip.leaks {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/leaks.svg);
}

.third_banner .tooltip.voice {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/voice.svg);
}

.third_banner .tooltip.mobile {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/mobile.svg);
}

.third_banner .tooltip.conditioning {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/conditioning.svg);
}

.third_banner .tooltip.electronic {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/electronic.svg);
}

.third_banner .tooltip.light::after {
    content: 'Освещение';
}

.third_banner .tooltip.blinds::after {
    content: 'Шторы и жалюзи';
}

.third_banner .tooltip.heating::after {
    content: 'Отопление';
}

.third_banner .tooltip.ventilation::after {
    content: 'Вентиляция';
}

.third_banner .tooltip.humidification::after {
    content: 'Увлажнение';
}

.third_banner .tooltip.leaks::after {
    content: 'Защита от протечек';
}

.third_banner .tooltip.voice::after {
    content: 'Голосовое управление';
}

.third_banner .tooltip.mobile::after {
    content: 'Мобильное приложение';
}

.third_banner .tooltip.conditioning::after {
    content: 'Кондиционирование';
}

.third_banner .tooltip.electronic::after {
    content: 'Электробезопасность';
}

.fourth_banner,
.fifth_banner {
    flex-direction: column;
}

.fourth_banner .scenarios {
    display: grid;
    flex-wrap: wrap;
    gap: 50px 60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.scenario.card {
    width: 100%;
}

.scenario .card_header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
}

.scenario .card_header .card_icon {
    width: 30px;
    height: 30px;
}

.scenario .card_header .card_icon.morning {
    background: url(/local/components/iridium/landing/templates/.default/./media/morning.svg) center center / cover;
}

.scenario .card_header .card_icon.left {
    background: url(/local/components/iridium/landing/templates/.default/./media/left.svg) center center / cover;
}

.scenario .card_header .card_icon.come {
    background: url(/local/components/iridium/landing/templates/.default/./media/come.svg) center center / cover;
}

.scenario .card_header .card_icon.guest {
    background: url(/local/components/iridium/landing/templates/.default/./media/guest.svg) center center / cover;
}

.scenario .card_header .card_icon.film {
    background: url(/local/components/iridium/landing/templates/.default/./media/film.svg) center center / cover;
}

.scenario .card_header .card_icon.night {
    background: url(/local/components/iridium/landing/templates/.default/./media/night.svg) center center / cover;
}

.scenario .card_header .card_title {
    font-size: 30px;
}

.scenario .card_desc {
    font-size: 20px;
}

.fourth_banner .action_block {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.fourth_banner .action_block .right {
    justify-content: flex-end !important;
}

.fifth_banner {
    margin: 0 -10px;
}

.fifth_banner .title {
    padding: 0 10px;
}

.fifth_banner .slide {
    padding: 0 10px;
    min-height: 550px;
}

.fifth_banner .slider .slide_title {
    font-size: 30px;
    margin-bottom: 10px;
}

.fifth_banner .slider .slide_preview {
    aspect-ratio: 1 / 1;
    background-size: 100% 100%;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-image: var(--slide-image);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.fifth_banner .slide1 {
    --slide-image: url(/local/components/iridium/landing/templates/.default/./media/slide1.png);
}

.fifth_banner .slide2 {
    --slide-image: url(/local/components/iridium/landing/templates/.default/./media/slide2.png);
}

.fifth_banner .slide3 {
    --slide-image: url(/local/components/iridium/landing/templates/.default/./media/slide3.png);
}

.fifth_banner .slide4 {
    --slide-image: url(/local/components/iridium/landing/templates/.default/./media/slide4.png);
}

.fifth_banner .slide5 {
    --slide-image: url(/local/components/iridium/landing/templates/.default/./media/slide5.png);
}

.fifth_banner .slide6 {
    --slide-image: url(/local/components/iridium/landing/templates/.default/./media/slide6.png);
}

.fifth_banner .slide7 {
    --slide-image: url(/local/components/iridium/landing/templates/.default/./media/slide7.png);
}

.fifth_banner .slide8 {
    --slide-image: url(/local/components/iridium/landing/templates/.default/./media/slide8.png);
}

.fifth_banner .slide9 {
    --slide-image: url(/local/components/iridium/landing/templates/.default/./media/slide9.png);
}

.fifth_banner .slide10 {
    --slide-image: url(/local/components/iridium/landing/templates/.default/./media/slide10.png);
}

.fifth_banner .slide:hover .slide_preview {
    background-image:
        linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),
        var(--slide-image);
}

.play {
    height: 40px;
    width: 40px;
    background-image: url(/local/components/iridium/landing/templates/.default/./media/play.svg);
}

.slide_preview:hover .play {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/play_act.svg);
}

.fifth_banner .slider .slide_time {
    font-size: 20px;
}

.fifth_banner .slider .agile__actions {
    justify-content: flex-end;
    gap: 40px;
}

.fifth_banner .slider .agile__nav-button, 
.twelve_banner .slider .agile__nav-button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 30px;
    background-position: center;
    background-size: 100% 100%;
    height: 20px;
    width: 10px;
}

.landing .fifth_banner .agile__nav-button--prev, .landing .twelve_banner .agile__nav-button--prev {
    transform: rotate(180deg);
    background-image: url('/local/components/iridium/landing/templates/.default/./media/arr_left.svg');
}

.landing .fifth_banner .agile__nav-button--next, .landing .twelve_banner .agile__nav-button--next {
    background-image: url('/local/components/iridium/landing/templates/.default/./media/arr_left.svg');
}

.landing .fifth_banner .agile__nav-button:hover, .landing .twelve_banner .agile__nav-button:hover {
    background-image: url('/local/components/iridium/landing/templates/.default/./media/arr_left_act.svg');
}

.sixth_banner .title {
    margin-bottom: 140px !important;
}

.sixth_banner .left {
    height: 800px;
    background: url(/local/components/iridium/landing/templates/.default/./media/smarthome.png) center center / cover;
    border-radius: 10px;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 20px;
}

.seventh_banner .left {
    flex-direction: column;
    gap: 40px;
}

.seventh_banner .action_block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.seventh_banner .right {
    border-radius: 10px;
    background-size: cover;
    background-position: center center;
    background-image: url(/local/components/iridium/landing/templates/.default/./media/showroom.png);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.seventh_banner .right:hover {
    background-image:
        linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),
        url(/local/components/iridium/landing/templates/.default/./media/showroom.png);
}

.seventh_banner .right:hover .play {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/play_act.svg);
}

.eigth_banner .cards {
    display: flex;
    flex-direction: column;
    gap: 100px;
}

.eigth_banner .card {
    height: 200px;
    display: flex;
    gap: 60px;
}

.eigth_banner .card_title {
    font-size: 30px;
}

.eigth_banner .card_info ul {
    padding-left: 22px;
    margin: 0;
}

.eigth_banner .card_info * {
    font-size: 20px;
    line-height: 30px;
}

.eigth_banner .card .left {
    border-radius: 10px;
    background-position: center;
    background-size: cover;
}

.eigth_banner .card .left.for_flat {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/for_flat.png);
}

.eigth_banner .card .left.for_house {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/for_house.png);
}

.eigth_banner .card .left.for_appart {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/for_appart.png);
}

.eigth_banner .card .left.for_cottage {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/for_cottage.png);
}

.eigth_banner .card .right {
    flex-direction: column;
    gap: 40px;
}

.nineth_banner .info_block {
    display: flex;
    gap: 60px;
}

.nineth_banner .info_block .left {
    background: url(/local/components/iridium/landing/templates/.default/./media/howmake.png) center center / cover;
    border-radius: 10px;
}

.nineth_banner .info_block .right {
    flex-direction: column;
}

.nineth_banner .info_block .subtitle+.description {
    margin-left: -40px;
    margin-top: 30px !important;
}

.nineth_banner .info_block .description+.subtitle {
    margin-top: 50px !important;
}

.tenth_banner {
    display: flex;
    flex-direction: column;
}

.tenth_banner .action_block {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.tenth_banner .btns_block {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.tenth_banner .action_block .info {
    max-width: 1100px;
}

.tenth_banner .subtitle+.description {
    margin-top: 30px !important;
}

.eleven_banner .cards {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.eleven_banner .mobile_cards {
    display: none;
}

.eleven_banner .card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.eleven_banner .card_header,
.eleven_banner .card_body,
.eleven_banner .card_footer {
    background: #fff;
    border-radius: 10px;
    padding: 20px 40px;
}

.eleven_banner .card_body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 280px;
    padding: 40px;
    height: 100%;
}

.eleven_banner .card_body ul {
    margin: 0;
}

.eleven_banner .card_title {
    font-size: 30px;
}

ul {
    list-style: none;
    padding-left: 20px;
}

ul li {
    position: relative;
}

ul li::before {
    content: '•';
    position: absolute;
    left: -15px;
    font-weight: 300;
}

.eleven_banner .card_body li,
.eleven_banner .card_footer .price {
    font-size: 20px;
    line-height: 30px;
}

.eleven_banner .pref_level {
    font-size: 20px;
}

.eleven_banner .plus {
    font-size: 30px;
}

.eleven_banner .action_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eleven_banner .action_block .info {
    width: 1200px;
}

.twelve_banner .cards {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 60px;
}

.twelve_banner .project_slider {
    display: none;
}

.twelve_banner .card {
    width: calc(50% - 30px);
}

.twelve_banner .card_image {
    height: 200px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
    margin-bottom: 50px;
}

.twelve_banner .card_image.gostevoy-dom {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/gostevoy-dom.png);
}

.twelve_banner .card_image.kvartira-na-iridi {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/kvartira-na-iridi.png);
}

.twelve_banner .card_image.zhiloy-kvartal {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/zhiloy-kvartal.png);
}

.twelve_banner .card_image.kvartira-supermena {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/kvartira-supermena.png);
}

.twelve_banner .card_title {
    font-size: 30px;
    margin-bottom: 40px;
}

.twelve_banner .card_body {
    font-size: 20px;
    margin-bottom: 40px;
}

.twelve_banner .card_footer {
    display: flex;
    justify-content: end;
}

.twelve_banner .card_footer .links a {
    font-size: 20px;
    gap: 20px;
    align-items: center;
}

.partners_block .cards {
    display: flex;
    gap: 20px;
}

.partners_block {
    flex-direction: column;
}

.partners_block .card {
    width: 100%;
    color: #000;
    text-decoration: none;
}

.partners_block .card:hover .link {
    color:#FA8232;
}

.partners_block .card:hover .link::after {
    background: url(/local/components/iridium/landing/templates/.default/./media/row_left_active.svg) center bottom no-repeat;
}

.partners_block .card_image {
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
    margin-bottom: 40px;
    transition: 0.3s;

}

.partners_block .card_image.el1 {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/el1.png);
}

.partners_block .card_image.el2 {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/el2.png);
}

.partners_block .card_image.el3 {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/el3.png);
}

.partners_block .card_image.el4 {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/el4.png);
}

.partners_block .card:hover .card_image {
    background-size: 105% 105%;
}

.partners_block .card_title {
    font-size: 30px;
    margin-bottom: 40px;
}

.partners_block .card_body {
    font-size: 20px;
    margin-bottom: 40px;
}

.partners_block .card_footer {
    display: flex;
    justify-content: start;
}

.partners_block .card_footer .links a {
    font-size: 20px;
    gap: 20px;
    align-items: center;
}

.snippets {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 60px;
    align-items: start;
}

.details {
    position: relative;
    display: block;
    width: 100%;
    transition: 0.3s;
    overflow: hidden;
    border-radius: 10px;
    background: #F3F3F3;
    padding: 20px;
}

.details[open] {
    padding-bottom: 100px;
}

.details__title {
    color: #000000;
    cursor: pointer;
    list-style: none;
    transition: .3s;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.details__title__text {
    font-size: 30px;
}

.details__title__img {
    background: url(/local/components/iridium/landing/templates/.default/./media/arr_bottom.png) center center;
    min-width: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}

.details[open] .details__title__img {
    rotate: -200grad;
}

.details__title::-webkit-details-marker {
    display: none;
}

.details__content {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: -60px;
    padding-right: 0px;
}

.block_faq_title {
    font-size: 40px;
    margin-bottom: 40px;
}


.video_popup {
    position: fixed;
    inset: 0;
    z-index: 9999;

    padding: 40px;
    display: none;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.7);
}

.video_popup.active {
    display: flex;
}

.video_popup .popup_close {
    position: absolute;
    top: 50;
    right: 50;
    cursor: pointer;
    height: 40px;
    width: 40px;
    background-image: url(/local/components/iridium/landing/templates/.default/./media/x_white.svg);
}

.video_popup .popup_close:hover {
    background-image: url(/local/components/iridium/landing/templates/.default/./media/x_act.svg);
}

.video_player {
    width: 70%;
}

@media (min-width: 2000px) {

    .landing .block_area {
        gap: 150px;
        padding: 150px 220px;
    }

    .landing .banner {
        gap: 120px;
    }

    .landing .banner .title {
        font-size: 70px;
        margin-bottom: 80px;
    }

    .landing .banner .description {
        font-size: 25px;
    }

    .landing a {
        font-size: 25px;
    }

    .landing .banner .subtitle {
        font-size: 40px;
    }

    .landing .banner .description+.description {
        margin-top: 50px;
    }

    .landing .banner .description+.subtitle {
        margin-top: 150px;
    }

    .landing .banner .subtitle+.description {
        margin-top: 50px;
    }

    .landing .btn {
        font-size: 25px;
        height: 80px;
    }

    .first_banner {
        padding: 150px 220px;
        gap: 90px;
        height: 1000px;
    }

    .first_banner .title {
        font-size: 90px;
        margin-bottom: 40px;
    }

    .first_banner .description {
        font-size: 40px;
    }

    .right .card {
        height: 330px;
    }

    .right .card,
    .action_title {
        font-size: 40px;
    }

    .banner .action_block .links a {
        font-size: 40px;
        gap: 20px;
    }

    .third_banner .right {
        gap: 220px;
    }

    .third_banner .tooltip {
        width: 50px;
        height: 50px;
    }

    .third_banner .tooltip::after {
        font-size: 20px;
    }

    .third_banner .tooltips {
        gap: 50px;
    }

    .third_banner .left {
        height: 1000px;
    }

    .scenario .card_header .card_icon {
        width: 40px;
        height: 40px;
    }

    .scenario .card_header .card_title {
        font-size: 40px;
    }

    .scenario .card_desc {
        font-size: 25px;
    }

    .fifth_banner {
        margin: 0 -20px;
    }

    .fifth_banner .slide {
        padding: 0 20px;
        min-height: 660px;
    }

    .fifth_banner .title {
        padding: 0 20px;
    }

    .sixth_banner .title {
        margin-bottom: 150px !important;
    }

    .sixth_banner .left {
        height: 1000px;
    }

    .seventh_banner .right {
        height: 1000px;
    }

    .seventh_banner .left {
        gap: 150px;
    }

    .eigth_banner .card {
        height: 250px;
        gap: 120px;
    }

    .eigth_banner .card_title {
        font-size: 40px;
    }

    .eigth_banner .card_info * {
        font-size: 25px;
    }

    .eigth_banner .cards {

        gap: 150px;
    }

    .nineth_banner .info_block .description+.subtitle {
        margin-top: 80px !important;
    }

    .nineth_banner .info_block .subtitle+.description {
        margin-top: 40px !important;
    }

    .eleven_banner .card_title {
        font-size: 40px;
    }

    .eleven_banner .pref_level {
        font-size: 25px;
    }

    .eleven_banner .plus {
        font-size: 40px;
    }

    .eleven_banner .card_body li,
    .eleven_banner .card_footer .price {
        font-size: 25px;
        line-height: 30px;
    }

    .twelve_banner .cards {
        gap: 120px 80px;
    }

    .twelve_banner .card {
        width: calc(50% - 60px);
    }

    .twelve_banner .card_image {
        height: 250px;
        margin-bottom: 80px;
    }

    .twelve_banner .card_footer .links a {
        font-size: 30px;
        gap: 20px;
    }

    .twelve_banner .card_title {
        font-size: 40px;
    }

    .twelve_banner .card_body {
        font-size: 25px;
    }

    .partners_block .card_title {
        font-size: 40px;
    }

    .partners_block .card_body {
        font-size: 25px;
    }

    .partners_block .card_footer .links a {
        font-size: 30px;
    }

    .details__title__text {
        font-size: 40px;
    }

    .details__content {
        font-size: 25px;
    }
}

@media (max-width: 1700px) {
    .third_banner .tooltips {
        gap: 20px;
    }


    .details__title__text {
        font-size: 25px;
    }
}

@media (max-width: 1440px) {

    .landing .desctop_break {
        display: none;
    }

    .landing .block_area {
        gap: 100px;
        padding: 100px 100px;
    }

    .landing .banner .title {
        font-size: 50px;
        margin-bottom: 40px;
    }

    .landing .banner .description+.description {
        margin-top: 50px;
    }

    .landing .banner .description+.subtitle {
        margin-top: 40px;
    }

    .landing .banner .subtitle+.description {
        margin-top: 20px;
    }

    .first_banner {
        padding: 100px 200px;
        gap: 100px;
        background: url(/local/components/iridium/landing/templates/.default/./media/background.png) left 20% bottom;
    }

    .first_banner .title {
        font-size: 70px;
        margin-bottom: 50px;
    }

    .first_banner .description {
        font-size: 30px;
    }

    .third_banner .right {
        gap: 70px;
    }

    .third_banner .tooltip::after {
        font-size: 12px;
    }

    .third_banner .left {
        height: 750px;
    }

    .fourth_banner .scenarios {
        gap: 50px 20px;
    }
    
    .scenario .card_header .card_icon {
        width: 30px;
        height: 30px;
    }

    .fifth_banner .slide {
        min-height: 490px;
    }

    .sixth_banner .title {
        margin-bottom: 40px !important;
    }

    .sixth_banner .left {
        height: 590px;
    }

    .seventh_banner .left {
        gap: 40px;
    }

    .seventh_banner .right {
        height: 590px;
    }

    .eigth_banner .cards {
        gap: 70px;
    }

    .nineth_banner .info_block .description+.subtitle {
        margin-top: 40px !important;
    }

    .nineth_banner .info_block .subtitle+.description {
        margin-top: 20px !important;
    }

    .tenth_banner .action_block .info {
        max-width: 800px;
    }

    .twelve_banner .cards {
        gap: 60px 40px;
    }

    .twelve_banner .card {
        width: calc(50% - 30px);
    }

    .partners_block .card_title {
        font-size: 30px;
    }

    .eleven_banner .card_body {
        padding: 25px;
    }

    .eleven_banner .action_block .info {
        width: 800px;
    }

    .snippets {
        gap: 20px;
    }
}

@media (max-width: 1280px) {

    .landing .block_area {
        gap: 100px;
        padding: 100px 100px;
    }

    .landing .banner {
        gap: 20px;
    }

    .landing .banner .title {
        font-size: 40px;
        margin-bottom: 40px;
    }

    .landing .banner .description {
        font-size: 18px;
    }

    .landing a {
        font-size: 18px;
    }

    .landing .banner .subtitle {
        font-size: 25px;
    }

    .landing .banner .description+.description {
        margin-top: 40px;
    }

    .landing .banner .description+.subtitle {
        margin-top: 100px;
    }

    .landing .banner .subtitle+.description {
        margin-top: 40px;
    }

    .first_banner {
        padding: 100px 100px;
        gap: 110px;
        height: 820px;
        background: url(/local/components/iridium/landing/templates/.default/./media/background.png) left 45% bottom;
    }

    .first_banner .title {
        font-size: 50px;
        margin-bottom: 40px;
    }

    .first_banner .description {
        font-size: 25px;
    }

    .right .card,
    .action_title {
        font-size: 25px;
    }

    .right .card {
        padding: 20px;
        height: 300px;
    }

    .banner .action_block .links a {
        font-size: 25px;
        gap: 20px;
    }

    .third_banner .right {
        gap: 40px;
    }

    .third_banner .tooltip {
        width: 30px;
        height: 30px;
    }

    .third_banner .tooltip::after {
        font-size: 12px;
    }

    .third_banner .tooltips {
        gap: 20px;
    }

    .third_banner .left {
        height: 690px;
    }

    .fourth_banner {
        gap: 40px !important;
    }

    .fourth_banner .scenarios {
        gap: 40px 20px;
    }

    .scenario .card_header .card_icon {
        width: 30px;
        height: 30px;
    }

    .scenario .card_header .card_title {
        font-size: 25px;
    }

    .scenario .card_desc {
        font-size: 18px;
    }

    .fifth_banner .slide {
        min-height: 420px;
    }

    .fifth_banner .slider .slide_preview {
        margin-bottom: 40px;
    }

    .fifth_banner .slider .slide_title {

        font-size: 25px;
    }

    .sixth_banner .title {
        margin-bottom: 40px !important;
    }

    .sixth_banner .left {
        height: 530px;
    }

    .seventh_banner .right {
        height: 530px;
    }

    .eigth_banner .card {
        height: 170px;
        gap: 20px;
    }

    .eigth_banner .card_title {
        font-size: 25px;
    }

    .eigth_banner .card_info * {
        font-size: 18px;
    }

    .eigth_banner .cards {
        gap: 40px;
    }

    .nineth_banner .info_block .description+.subtitle {
        margin-top: 30px !important;
    }

    .nineth_banner .info_block .subtitle+.description {
        margin-top: 20px !important;
    }

    .tenth_banner .action_block .info {
        max-width: 640px;
    }

    .tenth_banner .btns_block {
        gap: 20px;
    }

    .eleven_banner .card_title {
        font-size: 25px;
    }

    .eleven_banner .pref_level {
        font-size: 18px;
    }

    .eleven_banner .plus {
        font-size: 25px;
    }
    .eleven_banner .card_body {
        min-height: auto;
    }


    .eleven_banner .card_body li,
    .eleven_banner .card_footer .price {
        font-size: 18px;
        line-height: 30px;
    }

    .eleven_banner .action_block .info {
        width: 640px;
    }

    .twelve_banner .cards {
        gap: 40px 20px;
    }

    .twelve_banner .card {
        width: calc(50% - 10px);
    }

    .twelve_banner .card_image {
        height: 170px;
        margin-bottom: 40px;
    }

    .twelve_banner .card_footer .links a {
        font-size: 20px;
        gap: 20px;
    }

    .twelve_banner .card_title {
        font-size: 25px;
        margin-bottom: 20px !important;
    }

    .twelve_banner .card_body {
        font-size: 18px;
    }

    .partners_block .card_title {
        font-size: 25px;
    }

    .partners_block .card_body {
        font-size: 18px;
    }

    .partners_block .card_footer .links a {
        font-size: 20px;
        gap: 20px;
    }

    .details__title__text {
        font-size: 20px;
    }

    .details__content {
        font-size: 18px;
    }
}

@media (max-width: 1100px) {
    .landing .block_area {
        gap: 50px;
        padding: 50px 50px;
    }

    .landing .banner {
        flex-wrap: wrap;
        gap: 40px;
    }

    .landing .banner .title {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .landing .banner .description {
        font-size: 16px;
        line-height: 30px;
    }

    .landing .card_desc, .landing .card_body, .landing .details__content{
        line-height: 28px;
    }

    .landing a {
        font-size: 16px;
    }

    .landing .left, .landing .right {
        width: 100%;
    }

    .landing .banner .subtitle {
        font-size: 20px;
    }

    .landing .banner .description+.description {
        margin-top: 30px;
    }

    .landing .banner .description+.subtitle {
        margin-top: 50px;
    }

    .landing .banner .subtitle+.description {
        margin-top: 30px;
    }

    .first_banner {
        padding: 50px;
        gap: 60px;
        height: 620px;
    }

    .first_banner .title {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .first_banner .description {
        font-size: 20px;
    }

    .right .card,
    .action_title {
        font-size: 20px;
    }

    .right .card {
        padding: 20px;
        height: 200px;
    }

    .banner .action_block .links a {
        font-size: 20px;
        gap: 10px;
    }

    .second_banner {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }

    .second_banner .left {
        display: contents;
    }

    .second_banner .info_block {
        grid-column: 1;
        grid-row: 1;
    }

    .second_banner .right {
        grid-column: 2;
        grid-row: 1 / 3;
    }

    .second_banner .action_block {
        grid-column: 1;
        grid-row: 2;
    }

    .second_banner {
        grid-template-columns: 1fr;
    }

    .second_banner .info_block,
    .second_banner .right,
    .second_banner .action_block {
        grid-column: 1;
    }

    .second_banner .info_block {
        grid-row: 1;
    }

    .second_banner .right {
        grid-row: 2;
    }

    .second_banner .action_block {
        grid-row: 3;
    }


    .third_banner .right {
        gap: 50px;
    }

    .third_banner .tooltip {
        width: 30px;
        height: 30px;
    }

    .third_banner .tooltip::after {
        font-size: 12px;
    }

    .third_banner .tooltips {
        gap: 40px;
    }

    .third_banner .left {
        height: 420px;
    }

    .fourth_banner {
        gap: 50px !important;
    }

    .fourth_banner .scenarios {
        gap: 40px 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .scenario .card_header .card_icon {
        width: 30px;
        height: 30px;
    }

    .scenario .card_header .card_title {
        font-size: 20px;
    }

    .scenario .card_desc {
        font-size: 16px;
    }

    .fifth_banner .slide {
        min-height: 340px;
    }

    .fifth_banner .slider .slide_preview {
        margin-bottom: 20px;
    }

    .fifth_banner .slider .slide_title {
        min-height: 48px;
        font-size: 20px;
    }
    .sixth_banner .title {
        margin-bottom: 40px !important;
    }

    .sixth_banner .left {
        height: 530px;
    }

    .seventh_banner .right {
        height: 530px;
    }

    .seventh_banner .btn.second {
        margin-left: auto;
    }

    .seventh_banner {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .seventh_banner .left {
        display: contents;
    }

    .seventh_banner .info_block {
        grid-column: 1;
        grid-row: 1;
    }

    .seventh_banner .right {
        grid-column: 1;
        grid-row: 2;
    }

    .seventh_banner .action_block {
        grid-column: 1;
        grid-row: 3;
    }

    .eigth_banner .card {
        height: 160px;
        gap: 20px;
    }

    .eigth_banner .card_title {
        font-size: 20px;
    }

    .eigth_banner .card_info * {
        font-size: 16px;
    }

    .eigth_banner .cards {
        gap: 40px;
    }

    .eigth_banner .card .right {
        gap: 20px;
    }

    .nineth_banner .info_block {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .nineth_banner .info_block .left {
        height: 420px;
        background-position: top 10% center;
    }

    .nineth_banner ol {
        padding-left: 20px;
    }

    .nineth_banner .info_block .description+.subtitle {
        margin-top: 30px !important;
    }

    .nineth_banner .info_block .subtitle+.description {
        margin-left: -20px;
        margin-top: 20px !important;
    }

    .tenth_banner .action_block {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .tenth_banner .btns_block {
        width: 100%;
    }

    .tenth_banner .action_block .btn {
        margin-left: auto;
    }

    .tenth_banner .action_block .info {
        width: 100%;
        max-width: none;
    }

    .eleven_banner .cards {
        display: none;
    }

    .eleven_banner .mobile_cards {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .eleven_banner .mobile_cards .card {
        display: flex;
        flex-direction: row;
        gap: 20px;
    }

    .eleven_banner .mobile_cards .card_header {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .eleven_banner .mobile_cards .card_header, .eleven_banner .mobile_cards .card_body {
        width: 100%;
        padding: 20px;
    }

    .eleven_banner .card_title {
        font-size: 20px;
    }

    .eleven_banner .pref_level {
        font-size: 16px;
    }

    .eleven_banner .plus {
        font-size: 20px;
    }

    .eleven_banner .card_body li,
    .eleven_banner .card_footer .price {
        font-size: 16px;
        line-height: 30px;
    }

    .eleven_banner .action_block {
        flex-wrap: wrap;
        gap: 50px;
    }

    .eleven_banner .action_block .btn {
        margin-left: auto;
    }

    .eleven_banner .action_block .info {
        width: 100%;
    }

    .twelve_banner .project_slider {
        display: block;
    }

    .twelve_banner .project_slider .slide {
        padding: 0 10px;
    }

    .twelve_banner {
        margin: 0 -10px;
    }

    .twelve_banner .title {
        padding: 0 10px;
    }

    .twelve_banner .slider {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .fifth_banner .slider .agile__nav-button {
        height: 10px;
        width: 5px;
    }

    .twelve_banner .slider .agile__actions {
        justify-content: flex-end;
        gap: 40px;
        position: absolute;
        right: 10;
        top: -45px;
    }

    .twelve_banner .slider .agile__nav-button {
        border: none;
        cursor: pointer;
        font-size: 30px;
        background-position: center;
        background-size: 100% 100%;
        height: 10px;
        width: 5px;
    }

    .twelve_banner .slider .agile__nav-button:hover {
        color: #FA8232;
    }

    .twelve_banner .cards {
        display: none;
        gap: 120px 80px;
    }

    .twelve_banner .card {
        width: calc(50% - 60px);
    }

    .twelve_banner .card_image {
        height: 170px;
        margin-bottom: 40px;
    }

    .twelve_banner .card_footer .links a {
        font-size: 20px;
        gap: 10px;
    }

    .twelve_banner .card_title {
        font-size: 25px;
        margin-bottom: 20px !important;
    }

    .twelve_banner .card_body {
        font-size: 18px;
    }

    .partners_block .cards {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 20px;
    }

    .partners_block .card_image {
        margin-bottom: 20px;
    }

    .partners_block .card_title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .partners_block .card_body {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .partners_block .card_footer .links a {
        font-size: 20px;
        gap: 10px;
    }

    .banner .action_block .links a {
        align-items: baseline;
    }
    .banner .action_block .links a::after {
        width: 10px;
        height: 10px;
    }   

    .snippets {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .details__title__text {
        font-size: 20px;
    }

    .details__content {
        font-size: 16px;
    }
}


@media (max-width: 600px) {
    .landing .btn {
        width: 100%;
    }
    
    .first_banner {
        padding: 50px;
        gap: 60px;
        height: 700px;
        background: url(/local/components/iridium/landing/templates/.default/./media/banner_600.png);
        background-position: center;
        background-size: cover;
    }
    
    .right .card {
        width: 100% !important;
    }

    .banner .action_block .links a {
        font-size: 25px;
        gap: 10px;
    }


    .third_banner .right {
        gap: 50px;
    }

    .third_banner .action_block {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .third_banner .tooltip {
        width: 30px;
        height: 30px;
    }

    .third_banner .tooltips {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
    }

    .third_banner .left {
        height: 300px;
    }

    .fourth_banner {
        gap: 50px !important;
    }

    .fourth_banner .scenarios {
        gap: 40px 20px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .fourth_banner .action_block {
        flex-direction: column;
        gap: 50px;
    }

    .fourth_banner .action_block

    .scenario .card_header .card_icon {
        width: 30px;
        height: 30px;
    }

    .scenario .card_header .card_title {
        font-size: 20px;
    }

    .scenario .card_desc {
        font-size: 16px;
    }

    .fifth_banner .slide {
        min-height: 340px;
    }

    .fifth_banner .slider .slide_preview {
        margin-bottom: 20px;
    }

    .fifth_banner .slider .slide_title {
        font-size: 20px;
    }
    .sixth_banner .title {
        margin-bottom: 40px !important;
    }

    .sixth_banner .left {
        height: 300px;
    }

    .seventh_banner .right {
        height: 300px;
    }

    .eigth_banner .card {
        height: 160px;
        gap: 20px;
    }

    .eigth_banner .card .left {
        height: 160px;
        order: 1 !important;
    }

    .eigth_banner .right {
        order: 2;
    }

    .eigth_banner .card_title {
        font-size: 20px;
    }

    .eigth_banner .card_info * {
        font-size: 16px;
    }

    .eigth_banner .cards {
        gap: 40px;
    }

    .eigth_banner .card {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .eigth_banner .card .right {
        gap: 20px;
    }

    .nineth_banner .info_block {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .nineth_banner .info_block .left {
        height: 300px;
        background-position: top 10% center;
    }

    .nineth_banner ol {
        padding-left: 20px;
    }

    .nineth_banner .info_block .description+.subtitle {
        margin-top: 30px !important;
    }

    .nineth_banner .info_block .subtitle+.description {
        margin-left: -20px;
        margin-top: 20px !important;
    }

    .tenth_banner .action_block {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .tenth_banner .action_block .btn {
        margin-left: auto;
    }

    .tenth_banner .action_block .info {
        max-width: 640px;
    }

    .eleven_banner .cards {
        display: none;
    }

    .eleven_banner .mobile_cards {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .eleven_banner .mobile_cards .card {
        display: flex;
        flex-direction: row;
        gap: 20px;
    }

    .eleven_banner .mobile_cards .card_header {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .eleven_banner .mobile_cards .card_header, .eleven_banner .mobile_cards .card_body {
        width: 100%;
        padding: 20px;
    }

    .eleven_banner .card_title {
        font-size: 20px;
    }

    .eleven_banner .pref_level {
        font-size: 16px;
    }

    .eleven_banner .plus {
        font-size: 20px;
    }

    .eleven_banner .card_body {
        min-height: auto;
    }

    .eleven_banner .card_body li,
    .eleven_banner .card_footer .price {
        font-size: 16px;
        line-height: 30px;
    }

    .eleven_banner .action_block {
        flex-wrap: wrap;
        gap: 50px;
    }

    .eleven_banner .action_block .btn {
        margin-left: auto;
    }

    .eleven_banner .action_block .info {
        width: 100%;
    }

    .twelve_banner .project_slider {
        display: block;
        position: relative;
    }

    .twelve_banner .project_slider .slide {
        padding: 0 10px;
    }

    .twelve_banner .slider .agile__actions {
        left: 10;
        bottom: 5px;
        right: auto;
        top: auto;
    }

    .twelve_banner {
        margin: 0 -10px;
    }

    .twelve_banner .title {
        padding: 0 10px;
    }

    .twelve_banner .slider {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .twelve_banner .slider .agile__actions {
        justify-content: flex-end;
    }

    .twelve_banner .slider .agile__nav-button {
        /* background: none; */
        border: none;
        cursor: pointer;
        font-size: 30px;
    }

    .twelve_banner .slider .agile__nav-button:hover {
        color: #FA8232;
    }

    .twelve_banner .cards {
        display: none;
        gap: 120px 80px;
    }

    .twelve_banner .card {
        width: calc(50% - 60px);
    }

    .twelve_banner .card_image {
        height: 160px;
        margin-bottom: 20px;
    }

    .twelve_banner .card_footer .links a {
        font-size: 20px;
        gap: 20px;
    }

    .twelve_banner .card_title {
        font-size: 25px;
        margin-bottom: 20px !important;
    }

    .twelve_banner .card_body {
        font-size: 18px;
    }

    .partners_block .cards {
        display: flex !important;
        flex-direction: column;
        gap: 50px;
    }

    .partners_block .card {
        width: 100%;
        display: flex;

    }

    .partners_block .card_image {
        margin-bottom: 20px;
    }

    .partners_block .card_title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .partners_block .card_body {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .partners_block .card_footer .links a {
        font-size: 20px;
        gap: 10px;
    }

    .partners_block .card {
        display: flex;
        gap: 20px;
    }

    .partners_block .card_header {
        display: contents;
    }

    .partners_block .card_image {
        width: 100%;
        grid-column: 1;
        grid-row: 1 / 4;
    }

    .partners_block .card_content {
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .partners_block .card_footer {
        justify-content: end;
    }

    .banner .action_block .links a {
        align-items: baseline;
    }
    .banner .action_block .links a::after {
        width: 10px;
        height: 10px;
    }   

    .snippets {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .details__title__text {
        font-size: 20px;
    }

    .details__content {
        font-size: 16px;
    }

    .eleven_banner .mobile_cards {
        display: none;
    }

    .eleven_banner .cards {
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
    }
}

@media (max-width: 480px) {
    .landing .block_area {
        gap: 50px;
        padding: 50px 40px;
    }

    .second_banner .action_block .links {
        flex-direction: column;
    }

    .first_banner {
        background: url(/local/components/iridium/landing/templates/.default/./media/banner_480.png);
        background-position: center;
        background-size: cover;
    }
}
/* End */


/* Start:/bitrix/templates/.default/css/VueAgile.css?17877197572163*/
.agile{position:relative}.agile--ssr .agile__slides--cloned{display:none}.agile--ssr .agile__slides>*{overflow:hidden;width:0}.agile--ssr .agile__slides>:first-child{width:100%}.agile--rtl .agile__actions,.agile--rtl .agile__dots,.agile--rtl .agile__slides,.agile--rtl .agile__track{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.agile:active,.agile :active,.agile:focus,.agile :focus{outline:none}.agile__list{display:block;overflow:hidden;position:relative;width:100%}.agile__track{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.agile__actions,.agile__track{display:-webkit-box;display:-ms-flexbox;display:flex}.agile__actions{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.agile--no-nav-buttons .agile__actions{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.agile__slides{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:unset;flex-shrink:unset;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.agile--disabled .agile__slides{display:block;width:100%}.agile__slide{display:block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.agile__slide,.agile__slide *{-webkit-user-drag:none}.agile--fade .agile__slide{opacity:0;position:relative;z-index:0}.agile--fade .agile__slide--active{opacity:1;z-index:2}.agile--fade .agile__slide--expiring{opacity:1;-webkit-transition-duration:0s;transition-duration:0s;z-index:1}.agile__nav-button[disabled]{cursor:default}.agile__dots{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0;white-space:nowrap}.agile__dot button{cursor:pointer;display:block;font-size:0;line-height:0}
/* End */


/* Start:/local/components/iridium/amo.form/templates/main/style.css?17889415752166*/
.form_block {
    width: 100%;
    display: flex;
    gap: 60px;
}

.form_block .title {
    margin-bottom: 30px !important;
}

.form_block .left {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.form_block .form {
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 100%;
}

.form_block .form_inputs {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
}

.form_block .right {
    /*height: 630px;*/
    border-radius: 10px;
    background: url(/local/components/iridium/amo.form/templates/main/./media/form_back.png) center center / cover;
}

.form_block .form_input {
    width: 100%;
    height: 60px;
    border-radius: 10px;
    padding: 0 20px;
    border: 1px solid #999;
    font-size: 20px;
}

.form_block .btn_submit {
    width: 100%;
}

@media (min-width: 2000px) {
    .form_block .title {
        margin-bottom: 40px !important;
    }

    .form_block .left {
        gap: 50px;
    }

    .form_block .form_inputs {
        gap: 50px;
    }

    .form_block .form_input {
        height: 80px;
        font-size: 25px;
    }
}

@media (max-width: 1280px) {
    .form_block {
        gap: 40px;
    }

    .form_block .left {
        gap: 40px;
    }

    .form_block .right {
        min-height: 580px;
    }

    .form_block .form_inputs {
        gap: 40px;
    }
}

@media (max-width: 1100px) {
    .form_block {
        display: contents;
        flex-direction: column;
        gap: 40px;
    }

    .form_block .right {
        order: 1;
        height: 420px;
        background-position: top 10% center;
        min-height: auto;
    }

	.desktop-break {
        display: none;
    }

    .form_block .left {
        order: 2;
    }

    .form_block .left {
        display: contents;
    }

    .form_block .info_block {
        order: 1;
    }

    .form_block .right {
        order: 2;
    }

    .form_block .form {
        order: 3;
    }

}

@media (max-width: 600px) {
    .form_block .form {
        gap: 30px;
    }

    .form_block .form_inputs {
        gap: 30px;
    }

    .form_block .right {
        height: 300px;
    }
}

@media (max-width: 400px) {

    .form_block .right {
        height: 190px;
    }
}
/* End */
/* /local/components/iridium/landing/templates/.default/style.css?178903305445280 */
/* /bitrix/templates/.default/css/VueAgile.css?17877197572163 */
/* /local/components/iridium/amo.form/templates/main/style.css?17889415752166 */