/* Start:/local/templates/ivf_redesign/css/main-page.css?174737912021702*/
/** баннер*/
.banner-main-wrapper{
    display: grid;
    margin: 0 0 72px;
}
.banner-main-wrapper > * {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
}
.banner-content{
    align-items: center;
    gap: var(--Spasings-spasing-x8, 28px);
    padding: 0 0 76px;
    justify-content: flex-end;
}
/** услуги на главной*/
.service-news-list-items{
    display: flex;
    align-items: center;
    align-content: flex-start;
    gap: var(--Spasings-spasing-x7, 24px);
    flex-wrap: wrap;
}
.service-news-list-txt{
    color: var(--Color-Paragraph, #323233);
}
.service-news-list-content{
    padding: 0 var(--Paddings-padding-x15, 80px);
    justify-content: center;
    align-items: flex-start;
    gap: var(--Spasings-spasing-x7, 24px);
}
.service-news-list-title .light-5{
    color: var(--Color-White-Txt, #FEFEFE);
}
.service-news-list__items.item-4{
    display: grid;
}
.service-news-list__items.item-4 > * {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
}
.service-news-list-title{
    justify-content: flex-end;
    padding: var(--Paddings-padding-x8, 28px);
    gap: var(--Spasings-spasing-x5, 16px);
    background: linear-gradient(180deg, rgba(1, 160, 198, 0.00) 55.7%, var(--Color-Main-Blue, #01A0C6) 100%);
    border-radius: var(--Radius-radius-x7, 24px);
}
.news-title-btn{
    display: flex;
    align-items: center;
    gap: 10px;
}
.news-list__items-images img{
    border-radius: var(--Radius-radius-x7, 24px);
}
.service-news-list-items .btn-bl{
    margin: 16px 0 0;

}

/** apps на главной*/
.banner-apps-wrapper .banner-content{
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    padding: 96px 0 128px;
}
.apps-content-wrapper{
    max-width: 560px;
    gap: 20px;
    align-items: center;
    width: 100%;
    margin-right: 148px;
}
.apps-content-txt{
    /*text-wrap: balance;*/
    text-align: center;
}
.apps-content-wrapper .apps-btn{
    color: var(--Color-Main-Blue, #01A0C6);
}
.banner-welcome-wrapper .welcome-btn{
    color: var(--Color-Grey-3, #929299);
}
.banner-welcome-wrapper .welcome-btn,
.apps-content-wrapper .apps-btn{
    display: flex;
    align-items: center;
    gap: 10px;
}
.apps-content-link{
    display: flex;
    gap: 20px;
}
.link-apps{
    display: flex;
    height: fit-content;
}
/**приветствие на главной */
.banner-welcome__wrapper{
    display: flex;
    gap: 24px;
}
.banner-welcome__wrapper > *{
    flex-basis: 100%;
}
.welcome-banner-content{
    justify-content: center;

}
.welcome-content-wrapper{
    gap: 50px;
    padding: 42px var(--Paddings-padding-x6, 20px);
}
.banner-welcome-wrapper .welcome-content-title{
    max-width: 456px;
}
.banner-welcome__number-items{
    display: flex;
    padding: 88px 144px;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    border-radius: var(--Radius-radius-x9, 32px);
    background: #F6FDFF;
}
.banner-welcome__number{
    margin: 50px 0 0;
}
.welcome__number__item .number__item-txt{
    color: var(--Color-Grey-1, #525255);
    text-align: center;
}

.welcome__number__item{
    align-items: center;
    gap: 48px;
    max-width: 240px;
}

/**вопрос репродуктологу */
.question-for-reproductive--wrapper .banner-images{
    max-width: 280px;
    padding: 46.5px 8px 47px 9px;
}
.question-for-reproductive--wrapper .banner-welcome__wrapper{
    padding: 0 80px;
    gap: 80px;
}
.question-for-reproductive--wrapper .title-4{
    color: var(--Color-Tittle, #222);
    text-align: start;
}
.question-for-reproductive--wrapper .welcome-content-wrapper{
    gap: 20px;
}
.question-for-reproductive--wrapper .btn-bl{
    display: flex;
    gap: 20px;
    margin: 12px 0 0;
}
.question-for-reproductive--wrapper .btn-bl .btn-blue{
    background: var(--Color-Main-Blue, #01A0C6);
    color: #FFF;
}
.question-for-reproductive--wrapper .welcome-content-wrapper{
    padding: 0;
}

/** рассрочка */
.installment-plan-wrapper .banner-images img{
    border-radius: 16px 0 0 16px;

}
.installment-plan-wrapper .banner-welcome__wrapper{
    gap: 0;
}
.installment-plan-wrapper .banner-welcome__wrapper > *{
    flex: 1 0 0;
}
.installment-plan-wrapper .welcome-content-wrapper{
    padding: var(--Paddings-padding-x10, 40px);
    justify-content: center;
    align-items: flex-start;
    border-radius: 0 16px 16px 0;
    background: var(--Color-Second-Blue, #48BFEF);
    flex-grow: 1;
    gap: 16px;
}
.installment-plan-wrapper .light-4{
    color: #FFF;
}
.banner-welcome-wrapper.installment-plan-wrapper  .welcome-content-title{
    text-align: start;
}
.installment-plan-wrapper .welcome-content-txt{
     margin: 24px 0 0;
}
.installment-plan-wrapper .btn-bl{
    margin: 56px 0 0;
    display: flex;
    gap: 24px;
}
.btn.btn-white-radius-white{
    border: 1px solid var(--Color-White, #FFF);
    color: var(--Color-White, #FFF);
}
.welcome-content-txt ul{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.welcome-content-txt ul li {

    list-style-type: disc;
    margin: 0 0 0 20px;
}

/** Стать донором */
.become-for-donors--wrapper .banner-welcome__wrapper{
    gap: 72px;
    flex-direction: row-reverse;
}
.become-for-donors--wrapper .welcome-content-txt{
    max-width: 910px;
}
/*.become-for-donors--wrapper .btn{*/
/*    width: 248px;*/
/*}*/
/**лучшие предложения*/
.service-offers-news-list-wrapper .service-news-list-title{
    gap: 8px;
}
.service-offers-news-list-wrapper .news-title-btn{
    margin: 8px 0 0;
}
/**спецпроекты */
.specials-project-news-list-wrapper .service-news-list__items.item-3:first-child{
    flex-basis: 100%;
    margin: 0 0 16px;
}
.specials-project-news-list-wrapper .service-news-list-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 24px;
    align-items: center;
}
.specials-project-news-list-wrapper .service-news-list-txt{
    max-width: 965px;
}
.specials-project-news-list-wrapper .service-news-list-title{
    background: none;
}
.specials-project-news-list-wrapper .title-4{
    color: var(--Color-Tittle, #222);
}
.specials-project-news-list-wrapper .service-news-list-title{
    padding: 24px 16px;
    gap: 8px;
}
.specials-project-news-list-wrapper a.news-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.specials-project-news-list-wrapper .service-news-list-items{
    align-items: flex-start;
}
/** youtube  и  блог*/
.video-item{
    position: relative;
}

.youtube-list-wrapper .service-news-list-items > .service-news-list__items.item-3:first-child,
.blog-list-wrapper .service-news-list-items > .service-news-list__items.item-3:first-child{
    flex-basis: 100%;
    margin: 0 0 16px;
}
.youtube-list-wrapper .service-news-list-content,
.blog-list-wrapper .service-news-list-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 24px;
    align-items: center;
}
.youtube-list-wrapper .title-3{
    color: #333;
}
.youtube-list-wrapper .youtube-list__wrapper-1,
.youtube-list-wrapper .youtube-list__wrapper-2{
    flex-basis: calc(100% / 2 - 12px);
}
.youtube-list__wrapper-2{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.youtube-list-wrapper .service-news-list-items .btn-bl,
.blog-list-wrapper .service-news-list-items .btn-bl{
    margin: 0;
}
.youtube-list__wrapper-2 .item-3{
    flex-basis: calc(100% / 2 - 12px);
}
/** блог */
.blog-list-wrapper .service-news-list-items{
    align-items: stretch;
    align-content: stretch;
}
.blog-list-wrapper .data-section,
.desc-blog{
    color: var(--Color-Grey-2, #727277);
}
.name-section{
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    border-radius: var(--Radius-radius-x10, 40px);
    background: var(--Color-Main-Blue, #01A0C6);
}
.blog-list-wrapper .service-news-list__items.item-4{
    display: flex;
    justify-content: space-between;
}
.blog-list-header{
    padding: 16px 16px 0 16px;
    align-items: flex-start;
    gap: 12px;
    /*align-self: stretch;*/
    border-radius: 24px;

}
.blog-list-wrapper .service-news-list__items--color{
    background: var(--Color-Backgrownd, #F6FDFF);
}
.blog-list-header .title-blog{
    text-align: start;
}
.blog-list-header .desc-blog{
    margin: 12px 0 0;
    display: none;
}
.service-news-list__items{
    gap: 24px;
}

/**контакты */
.map-items-wrapper{
    display: flex;
    align-items: center;
    gap: 48px;
}
.maps-wrapper{
    width: 100%;
}
.map-items-content{
    padding: 0 48px;
    align-items: flex-start;
    gap: 56px;
    align-self: center;
    max-width: 430px;
}
.map-items-content-info{
    gap: 16px;
}
.content-banner{
    position: relative;
}
.banner-main-video{
    height: 100%;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    opacity: 1;
    top: 0;
}
.banner-content{
    z-index: 50;
}
.welcome-content-txt{
    gap: 24px;
}
.signature-image img{
    width: auto;
}
.banner-welcome__number-parents{
    margin-top: 80px;
    gap: 56px;
}
.banner-welcome__number-parents .title-3{
    text-align: center;
    text-wrap: balance;
}
.banner-welcome__number-parents .title-3 >span{
    text-transform: uppercase;
}
.banner-welcome__number-parents .banner-welcome__number-items{
    background: none;
    padding: 0;
    border-radius: 0;
    gap: 24px;
    width: 100%;
    align-items: stretch;
}
.banner-welcome__number-parents .banner-welcome__number-items .welcome__number__item{
    padding: 48px;
    border-radius: var(--Radius-radius-x9, 32px);
    background: var(--Color-Blue-Background, #E0F6FC);
    flex-basis: calc(100% / 4 - 24px * 3 / 4);
    max-width: 100%;
}
@media (max-width: 1920px) {
    :root{
        --mx-wd: 1376px;
    }
    .service-offers-news-list-wrapper .service-news-list__items:first-child{
        flex-basis: 100%;
        margin: 0 0 16px;
    }
    .service-offers-news-list-wrapper .service-news-list-content{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        padding: 0 24px;
    }
    .service-offers-news-list-wrapper .service-news-list-content .btn-bl{
        margin: 0;
    }
    .banner-content {
        padding: 0 0 58px;
    }
    .question-for-reproductive--wrapper .banner-welcome__wrapper{
        padding: 0 56px;
        gap: 56px;
    }

    .service-news-list-content {
        padding: 0 var(--Paddings-padding-x12, 56px);
    }
    .question-for-reproductive--wrapper .banner-images{
        max-width: 252px;
        padding: 45px 8px 45px 9px;
    }
    .apps-content-wrapper{
        margin-right: 88px;
        max-width: 475px;
    }
}
@media (max-width: 1440px) {
    .banner-welcome__number-parents .banner-welcome__number-items .welcome__number__item{
        padding: 16px;
    }
    .youtube-list__wrapper-2 {
        gap: 16px;
    }
    .specials-project-news-list-wrapper .service-news-list-title {
        padding: 24px 16px 0;
        gap: 12px;
    }
    .specials-project-news-list-wrapper .service-news-list-content{
        padding: 0;
        gap: 80px;
    }
    .service-offers-news-list-wrapper .service-news-list-content{
        padding: 0;
    }
    .become-for-donors--wrapper .banner-welcome__wrapper{
        gap: 56px;
    }
    .installment-plan-wrapper .welcome-content-txt{
        margin: 12px 0 0;
    }
    .welcome-content-txt ul {
        gap: 12px;
    }
    .installment-plan-wrapper .btn-bl{
        margin: 32px 0 0;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }
    .installment-plan-wrapper .btn-bl .btn{
        justify-content: space-between;
    }
    .question-for-reproductive--wrapper .banner-images{
        max-width: 209px;
        padding: 34px 6px 35px 7px;
    }
    .question-for-reproductive--wrapper .banner-welcome__wrapper{
        padding: 0 32px;
    }
    .banner-content {
        padding: 0 0 29px;
    }
    .service-news-list-content {
        padding: 0 var(--Paddings-padding-x12, 28px);
    }
    .banner-apps-wrapper .banner-content {
        padding: 92px 0 120px;
    }
    .apps-content-wrapper {
        max-width: 476px;
    }
    .link-apps svg{
        width: 198px;
        height: 58px;
    }
    .banner-welcome__number-items{
        padding: 64px 48px;
    }
    .welcome__number__item{
        align-items: center;
        gap: 48px;
        max-width: 175px;
    }
    .map-items-content{
        padding: 0 32px;
        max-width: 363px;
    }
    .map-items-wrapper{
        gap: 32px;
    }
    .apps-content-wrapper{
        margin-right: 0;
        max-width: 410px;
    }
}
@media (max-width: 1024px) {
    .specials-project-news-list-wrapper .service-news-list-content{
        align-items: flex-start;
    }
    .banner-welcome__number-parents {
        gap: 40px;
    }
    .banner-welcome__number-parents .banner-welcome__number-items {
        gap: 16px;
        flex-wrap: wrap;
    }
    .banner-welcome__number-parents .banner-welcome__number-items .welcome__number__item {
        padding: 28px 16px;
        flex-basis: calc(100% / 2 - 8px);
    }
    .map-items-content{
        padding: 0 24px;
        max-width: 304px;
    }
    .map-items-wrapper{
        gap: 24px;
    }
    .youtube-list-wrapper .youtube-list__wrapper-1, .youtube-list-wrapper .youtube-list__wrapper-2 {
        flex-basis: 100%;
    }
    .specials-project-news-list-wrapper .service-news-list-content {
        padding: 0 24px;
        gap: 40px;
    }
    .specials-project-news-list-wrapper .service-news-list-txt {
        max-width: 427px;
    }
    .specials-project-news-list-wrapper .service-news-list-items{
        gap: 24px 16px;
    }

    .specials-project-news-list-wrapper .service-news-list-items .item-3{
        flex-basis: calc(100% / 2 - (24px / 2));
    }
    .service-offers-news-list-wrapper .service-news-list-content{
        flex-direction: column;
        align-items: flex-start;
    }
    .service-offers-news-list-wrapper .service-news-list__items:first-child{
        flex-basis: calc(100% / 2 - (var(--Spasings-spasing-x7, 24px) / 2));
    }
    .service-offers-news-list-wrapper .service-news-list__items:first-child{
        margin: 0;
    }
    .question-for-reproductive--wrapper.become-for-donors--wrapper .banner-welcome__wrapper {
        flex-direction: row-reverse;
    }
    .installment-plan-wrapper .btn-bl{
        flex-direction: row;
    }
    .installment-plan-wrapper .btn-bl .btn{
        width: 100%;
    }
    .installment-plan-wrapper .banner-images img {
        border-radius: 16px 16px 0  0;
    }
    .installment-plan-wrapper .welcome-content-wrapper{
      border-radius:  0 0 16px 16px;
    }
    .question-for-reproductive--wrapper .banner-welcome__wrapper{
        padding: 0;
        gap: 16px;
        flex-direction: row;
    }
    .banner-welcome__number-items {
        padding: 32px 2px;
    }
    .welcome__number__item{
        gap: 32px;
    }
    .service-news-list__items.item-2{
        flex-basis: 100%;
    }
    .service-news-list__items .service-news-list-content{
        padding: 0;
    }
    .service-news-list-items .btn-bl{
        margin: 0;
    }
    .banner-apps-wrapper .banner-content {
        padding: 64px 0 0;
        align-items: center;
        justify-content: flex-start;
        gap: var(--Spasings-spasing-x12, 56px);
    }
    .banner-welcome__number{
        margin: 48px 0 0;
    }
    .deferred-partnership .service-news-list-content{
        gap: 16px;
    }
    .deferred-partnership .btn-bl .btn{
        width: 350px;
    }
}

@media (max-width: 768px) {
    .banner-welcome__number-parents .banner-welcome__number-items{
       flex-direction: row;
        width: auto;
    }
    .map-items-content,
    .map-items-content .light-4{
        align-items: center;
        text-align: center;
    }
    .map-items-wrapper{
        flex-direction: column;
        gap: 16px;
    }
    .map-items-content {
        padding: 0;
        max-width: 100%;
        gap: 28px;
    }
    .youtube-list-wrapper .service-news-list-content{
        flex-direction: column;
        align-items: center;
    }

    .youtube-list-wrapper .service-news-list-content .btn-bl {
        width: 100%;
    }
    .youtube-list-wrapper .service-news-list-content .btn-bl .btn {
        justify-content: space-between;
    }
    .youtube-list__wrapper-2 .item-3 {
        flex-basis: 100%;
    }
    .youtube-list-wrapper .service-news-list-items {
        gap: 16px;
    }
    .specials-project-news-list-wrapper .service-news-list-content{
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
    }
    .specials-project-news-list-wrapper .service-news-list-items .item-3{
        flex-basis: 100%;
    }
    .specials-project-news-list-wrapper .service-news-list__items.item-3:first-child{
        margin: 0;
    }
    .question-for-reproductive--wrapper.become-for-donors--wrapper .banner-welcome__wrapper{
        flex-direction: column;
        align-items: center;
    }
    .question-for-reproductive--wrapper.become-for-donors--wrapper .welcome-content-txt{
        text-align: center;
    }
    .question-for-reproductive--wrapper .btn-bl .btn{
        width: 100%;
    }
    .question-for-reproductive--wrapper.become-for-donors--wrapper .banner-images {
        padding: 0;
    }

    .installment-plan-wrapper .welcome-content-wrapper{
        padding: 28px;
        gap: 8px;
    }
    .installment-plan-wrapper .btn-bl {
        margin: 20px 0 0;
    }
    .installment-plan-wrapper .btn-bl{
        flex-direction: column;
    }
    .question-for-reproductive--wrapper .banner-welcome__wrapper,
    .question-for-reproductive--wrapper .welcome-content-wrapper{
        gap: 16px;
        flex-direction: column;
        align-items: center;
    }
    .question-for-reproductive--wrapper .btn-bl{
        flex-direction: column;
        width: 100%;
    }
    .question-for-reproductive--wrapper .btn-bl .btn{
        justify-content: space-between;
    }
    .banner-welcome__number-items{
        flex-direction: column;
        align-items: center;
        gap: 32px;
        padding: 32px 0;
    }
    .welcome__number__item{
        align-items: center;
        gap: 12px;
        max-width: 214px;
    }
    .banner-content {
        padding: 0 0 57px;
    }
    .service-news-list-items{
        gap: var(--Spasings-spasing-x3, 8px);
    }
    .banner-content.mx-wd{
        margin: 0 auto;
    }
    .banner-apps-wrapper .banner-content {
        padding: 32px 0 0;
        gap: 24px;
    }
    .apps-content-link{
        flex-direction: column;
    }
    .banner-welcome__number {
        margin: 32px 0 0;
    }
    .deferred-partnership .service-news-list-items {
        gap: 8px 24px;
    }
    .service-news-list-content{
        align-items: center;
    }
    .service-news-list-content .service-news-list-txt{
        text-align: center;
    }
    .deferred-partnership .btn-bl .btn{
        width: 100%;
        justify-content: space-between;
    }
    .deferred-partnership .btn-bl{
        width: 100%;
    }
    .service-news-list__items.item-2{
        margin: 0 0 24px;
    }
    .specials-project-news-list-wrapper .service-news-list-title {
        padding: 16px 16px 0;
    }
    .specials-project-news-list-wrapper .service-news-list-items {
        gap: 32px 16px;
    }
}

@media (max-width: 480px) {
    .service-offers-news-list-wrapper .service-news-list__items:first-child{
        flex-basis: 100%;
        align-items: center;
    }
    .service-offers-news-list-wrapper .service-news-list__items:first-child .title-3{
        text-align: center;
    }
    .service-offers-news-list-wrapper .service-news-list-content{
        align-items: center;
    }
    .question-for-reproductive--wrapper .welcome-content-txt{
        text-align: center;
    }
   /*.deferred-partnership .service-news-list__items.item-2 {*/
   /*     margin: 0;*/
   /* }*/
    .banner-welcome__number-items{
        border-radius: 16px ;
    }
    .banner-content {
        padding: 0 0 32px;
    }


    .banner-apps-wrapper .banner-content {
        padding: 24px 0 0;
    }
    .service-offers-news-list-wrapper .service-news-list-content .btn-bl{
        width: 100%;
    }
    .service-offers-news-list-wrapper .service-news-list-content .btn-bl .btn{
        justify-content: space-between;
    }
    .service-offers-news-list-wrapper .service-news-list-items {
        gap: 16px;
    }
}
@media (max-width: 375px) {
    .signature-image svg{
        width: 100%;
    }
    .banner-welcome__number-parents .banner-welcome__number-items .welcome__number__item {
        flex-basis: 100%;
    }
}

@media (hover: hover) {
    .video-item:hover:before{
        content: url("/local/templates/ivf_redesign/css/../images/svg/play-yootube-hover.svg");
    }
}
/* End */


/* Start:/local/templates/ivf_redesign/components/bitrix/system.pagenavigation/.default/style.css?17525593491116*/
.main-pagenavigacion {
    margin: 60px 0 80px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.ajax_load_btn {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: center;
}

.module-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ajax_load_btn span {
    color: #606060;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.module-pagination .nums{
    display: flex;
    gap: 32px;
    align-items: flex-end;
}
.dark_link,
.point_sep,
.cur{
    color: #606060;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
span.cur{
    text-decoration: underline;
}
.ajax_load_btn svg,
.ajax_load_btn span{
    cursor: pointer;
}


@media(max-width: 1580px){
    .main-pagenavigacion {
        margin: 28px 0 32px;
    }
}
@media(max-width: 1024px){
    .main-pagenavigacion {
        margin: 16px 0;
    }
}
@media(max-width: 768px){
    .module-pagination .nums{
        gap: 24px;
    }
}
/* End */
/* /local/templates/ivf_redesign/css/main-page.css?174737912021702 */
/* /local/templates/ivf_redesign/components/bitrix/system.pagenavigation/.default/style.css?17525593491116 */