/* Start:/local/templates/avaclinic/components/bitrix/catalog/services/style.css?17116426683393*/
/*search section*/
.servicesSections_search
.servicesSections_nameSearchInput{
    border: 1px solid #CFD3DA;
    border-radius: 100px;
    padding: 0 54px;
    height: 56px;
    font-size: 16px;
    line-height: 24px;
}
.servicesSections_searchIcon {
    position: absolute;
    top: 0;
    left: 16px;
    height: 56px;
    width: 24px;
    fill: #7D8694;
}
div.servicesSections_search{
    width: 894px;
}
.servicesSections_search
.categorySearch_list{
    max-width: 360px;
    padding: 16px 0 8px;
    border-radius: 8px;
    box-shadow: 0px 4px 15px rgb(120 160 190 / 15%);
    box-sizing: border-box;
}
.categorySearch_list .ui-menu-item-wrapper{
    padding: 0;
}
.categorySearch_list .ui-autocomplete-category:first-child{
    margin-top: 0;
}
div.servicesSections_search{
    transition: unset;
}
.categorySearch_list .ui-autocomplete-category{
    color: #7D8694;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin: 16px 0 8px 0;
    padding: 0 16px;
}
div.servicesSections_search .servicesSections_searchClean{
    right: 0;
    height: 56px;
    padding: 0 16px;
}
.categorySearch_list .categorySearch_item a.ui-state-active,
.categorySearch_list .categorySearch_item  a:hover{
    background: unset;
}
.categorySearch_list .categorySearch_item{
    padding: 0 16px;
}
.categorySearch_list .categorySearch_item:hover {
    background: #F6F9FB;
}
.categorySearch_list .categorySearch_noResults .ui-state-active,
.categorySearch_list .categorySearch_noResults .ui-state-active:hover,
.categorySearch_list .categorySearch_noResults:hover {
    background: unset;
}

@media (max-width: 1178px) {
    .servicesSections_search
    .categorySearch_list {
        max-width: 100%;
    }

    .titleBanner_content,
    div.servicesSections_search{
        width: 100%;
    }
}

.js_categorySearchWrapper .categorySearch_noResults{
    display: flex;
    max-width: 360px !important;
    box-sizing: border-box;
    height: 101px;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
}
.categorySearch_emptyImg{
    width: 45px;
    height: 45px;
    margin-right: 24px;
}
.categorySearch_emptyText{
    font-size: 16px;
    line-height: 24px;
}
/*search section*/
.servicesSections{
    margin-top: 48px;
    display: flex;
    gap: 24px;
    cursor: pointer;
    flex-wrap: wrap;
}
.servicesSections_main{
    min-height: fit-content;
    width: calc(33% - 22px);
    display: flex;
    padding: 24px;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgb(120 160 190 / 30%);
    border-radius: 12px;
    align-items: flex-start;
    box-sizing: border-box;
}
.servicesSections_main:hover {
    text-decoration: none;
}
.servicesSections_svg{
    width: 38px;
    height: 38px;
}
.servicesSections_icon{
    margin-right: 16px;
}
.servicesSections_name{
    color: #1D2F3C;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

@media (max-width: 1178px) {
    .servicesSections_main {
        width: calc(50% - 16px);
    }
}

@media (max-width: 767px) {
    .servicesSections_main {
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .servicesSections{
        gap: 0
    }
    .servicesSections_main {
        margin-bottom: 24px;
    }
    .servicesSections_main:last-child {
        margin-bottom: 0;
    }
}

/* End */


/* Start:/local/templates/avaclinic/components/custom/breedings/sections_front/style.css?176000675218537*/
/* region Block title*/

.servicesSection_title {
    margin-bottom: 48px;
}

.servicesSection_titleBg.bgAdults{
    background-image: url("/local/templates/avaclinic/images/title_block/title_bannerAdults.jpg");
}
.servicesSection_titleBg.bgKids{
    background-image: url("/local/templates/avaclinic/images/title_block/title_bannerKids.jpg");
}

.servicesSection_titleBg{
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    display: none;
}
.servicesSection_titleBg.active{
    display: block;
    animation: fadeInDeskBurger 1500ms;
}
.servicesSection_title .container{
    display: flex;
    justify-content: space-between;
    z-index: 1;
    position: relative;
}
.servicesSection_titleContent{
    max-width: 664px;
    margin-bottom: 48px;
    margin-top: 16px;
}
.servicesSection_titleBreadcrumbs{
    margin-top: 40px;
}
.servicesSection_titleText{
    margin-bottom: 0;
    line-height: 26px;
    font-size: 16px;
}
.servicesSection_title .servicesSections_search{
    margin-bottom: 0;
}
.servicesSections_search.onFocus .servicesSections_searchIcon{
    fill:#79CE4B;
}
.servicesSection_titleInner{
    position: relative;
}
@media (max-width: 1178px) {
    .servicesSection_titleContent{
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .servicesSection_titleBg {
        background-position: left;
    }
    .servicesSection_title{
        margin-top: -4px;
    }
}
/* endregion*/




.breedingSections{
    display: flex;
    max-width: 50%;
    flex-wrap: wrap;
}
.breedingSections_column{
    width: 50%;
}


.multiService_type:not(.active){
    opacity: 0;
    visibility: hidden;
    display: none;
}

.multiService_type.active{
    animation: fadeInDeskBurger 1500ms;
}

/*кнопка*/
.multiService_toggle {
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
}
.toggleBtn{
    width: fit-content;
    display: flex;
}

.toggleBtn_text{
    margin-left: 8px;
}
.toggleBtn_label .toggleBtn_input {
    display: none;
}
.toggleBtn_label .toggleBtn_input :checked + .toggleBtn_wrapper {
     box-shadow: 0 8px 14px 0 #3957ee;
 }

.toggleBtn_input:checked + .toggleBtn_wrapper > .toggleBtn_selector {
     left: calc(100% - 50px);
     background-color: #3957ee;
 }

.toggleBtn_input:checked ~ .notification > .selected:before {
     content: 'Yes';
 }


.toggleBtn_label .toggleBtn_wrapper {
    position: relative;
    width: 120px;
    height: 60px;
    background-color: #eaeaea;
    border-radius: 999px;
    margin: auto;
    cursor: pointer;
    pointer-events: all;
}
.toggleBtn_label .toggleBtn_wrapper .toggleBtn_selector{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    background-color: #ee5f39;
    transition: left 0.25s ease;
    border-radius: 50%;
}
/*================================================*/
.toggleBtn_input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.toggleBtn_offText{
    display: none;
}
.toggleBtn_label {
    display: flex;
    align-items: center;
    width: 50px;
    height: 28px;
    background:#fff;
    border: 1px solid #CFD3DA;
    box-sizing: border-box;
    border-radius: 53px;
    transition: all .5s ease;
    cursor: pointer;
}
.toggleBtn_selector {
    box-sizing: border-box;
    display: flex;
    margin: 0 -1px;
    justify-content: center;
    align-items: center;
    width: 28px;
    height:  28px;
    background: #fff;
    border-radius: 50%;
    transition: all .5s ease;
    box-shadow: 0px 2px 8px rgba(120, 160, 190, 0.3);
    border: 1px solid #CFD3DA;
}
.toggleBtn_input:checked + .toggleBtn_label {
    background: #79CE4B;
    border: 1px solid #79CE4B;
}
.toggleBtn_input:checked + .toggleBtn_label  .toggleBtn_selector {
    margin-left: 21px;
    background: #ffffff;
    border: 1px solid #79CE4B;
}
.toggleBtn_input:checked + .toggleBtn_label  .toggleBtn_selector::before {
    content: "";
    background-image: url(/local/templates/avaclinic/images/svg/panda-bear.svg);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    background-size: contain;
    background-position: center;
 }
.toggleBtn_input:checked ~ .toggleBtn_onText{
    display: none;
}
.toggleBtn_input:checked ~ .toggleBtn_offText{
    display: block;
}


    /*================================================*/
.toggle-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid red;
    border-radius: 40px;
    z-index: 2;
    opacity: 0;
}
.toggle {
    position: relative;
    display: inline-block;
    width: 100px;
    margin-left: 100px;
    padding: 4px;
    border-radius: 40px;
}

.toggle-bg {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 100%;
    height: 100%;
    background-color: #C0E6F6;
    border-radius: 40px;
    border: 4px solid #81C0D5;
    transition: all .1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.toggle-switch {
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: 0px;
    background-color: #F5EB42;
    border: 4px solid #E4C74D;
    border-radius: 50%;
    transition: all .1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}


.toggle-switch-figureAlt {
    content: '';
    position: absolute;
    top: 5px;
    left: 2px;
    width: 2px;
    height: 2px;
    background-color: #EFEEDA;
    border-radius: 100%;
    border: 4px solid #DEE1C5;

    box-shadow:
            42px -7px 0 -3px #FCFCFC,
            75px -10px 0 -3px #FCFCFC,
            54px 4px 0 -4px #FCFCFC,
            83px 7px 0 -2px #FCFCFC,
            63px 18px 0 -4px #FCFCFC,
            44px 28px 0 -2px #FCFCFC,
            78px 23px 0 -3px #FCFCFC;

    transition: all .12s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transform: scale(0);
}

.toggle-switch-figureAlt:before {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    width: 7px;
    height: 7px;
    background-color: #EFEEDA;
    border-radius: 100%;
    border: 4px solid #DEE1C5;
}

.toggle-switch-figureAlt:after {
    content: '';
    position: absolute;
    top: 19px;
    left: 15px;
    width: 2px;
    height: 2px;
    background-color: #EFEEDA;
    border-radius: 100%;
    border: 4px solid #DEE1C5;
}

.toggle-input:checked ~ .toggle-switch {
    margin-left: 50px;
    border-color: #DEE1C5;
    background-color: #FFFDF2;
    background-image: url('/local/templates/avaclinic/images/svg/panda-bear.svg');
    background-repeat:no-repeat;
}

.toggle-input:checked ~ .toggle-bg {
    background-color: #79CE4B;
    border-color: #79CE4B;
}

.toggle-input:checked ~ .toggle-switch .toggle-switch-figure {
    margin-left: 0px;
    opacity: 0;
    transform: scale(0.1);
}

.toggle-input:checked ~ .toggle-switch .toggle-switch-figureAlt {
    transform: scale(1);
}
/**/

.notification {
    font-size: 20px;
    width: 100%;
}
.selected:before {
    content: 'No';
    font-size: 20px;
    border-bottom: 2px solid;
}

/*общие*/
/*===========================================*/
/*===========================================*/
.multiService_title{
    font-size: 24px;
    line-height: 33px;
    font-weight: 900;
    color: #1D2F3C;
}
.multiService_href{
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #1D2F3C;
    margin-bottom: 8px;
}

.multiService{}
.multiService_blocks{
    display: flex;
    justify-content: space-between;
}
.multiService_panel {
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
}
.multiService_panelAction{
    width: 30px;
    height: 30px;
    background: #5EB92D;
    border-radius: 93px;
    display: none;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-left: 8px;
}
.multiService_panelSvg{
    width: 22px;
    height: 21px;
    fill: #fff;
    transition: transform 400ms ease-in;
}
.multiService_directionsCol{

}
.multiService_directionsColumn .multiService_directionsToggle{
    display: none;
    text-transform: unset;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.multiService_directionsGroup {
    display: none;
}
@media (max-width: 1178px) {
    .multiService_title{
        /*word-break: break-all;*/
        white-space: break-spaces;
    }
    .multiService_chosen{
        flex-direction: column;
    }
    .multiService_chosen div.multiService_chosenColumn,
    .multiService_chosen div.multiService_chosenColumn{
        width: 100%;
    }
}
@media (max-width: 767px) {
    .multiService_toggle{
        margin-bottom: 24px;
    }
    .multiService_title{
        font-size: 20px;
        line-height: 28px;
    }
    .multiService_panel{
        padding: 24px;
        box-sizing: border-box;
        background: #FFFFFF;
        box-shadow: 0px 2px 8px rgba(120, 160, 190, 0.3);
        border-radius: 12px;
        margin-bottom: 8px;
    }
    .multiService_panelName{}
    .multiService_panelAction{
        display: flex;
    }
    .multiService_href{
        padding: 16px 0 ;
        margin-bottom: 0;
        margin-left: 16px;
    }
    .multiService_href.mobileHide{
        display: none;
    }
    .multiService_directionsCol:first-child .multiService_href:first-child{
        border-top: unset;
    }
   .multiService_directionsColumn .multiService_directionsToggle{
        display: block;
    }
    .multiService_directionsToggle{
        width: 100%;
    }

   .multiService_chosen{
       flex-direction: column;
   }


}

/*===========================================*/
/*===========================================*/
/*Конец общих стилей*/


/*промо блоки*/
.multiService_promos{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 24px;
    position: relative;
    z-index: 0;
}
.multiService_promo{
    background: #F6F9FB;
    border-radius: 12px;
    width: 282px;
    height: 90px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 16px 0 16px 16px;
    position: relative;
    margin-right: 24px;
    transition: box-shadow .3s ease-out;
}
/*промо для мобилки*/
.multiService_promosBottom{
    display: none;
    justify-content: flex-start;
    margin-bottom: 24px;
    margin-top:24px;
    position: relative;
    z-index: 0;
}

.multiService_promo:last-child{
    margin-right: 0;
}
.multiService_promo:hover{
    text-decoration: none;
    box-shadow: 0 2px 20px rgb(120 160 190 / 30%);
}
.multiService_promoName{
    max-width: 214px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #1D2F3C;
    display: flex;
    align-items: flex-end;

    position: relative;
    z-index: 9;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 48px;

}
.multiService_promoImg {
    position: absolute;
    right: 16px;
    bottom: 0;
    top: 0;
    margin: auto;
}


@media (max-width: 1178px) {
    .multiService_promos{
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .multiService_promo {
        width: 49%;
        margin-right: 0;
        margin-bottom: 16px;
    }
    .multiService_promos .multiService_promo:nth-child(2) {
        margin-right: 0;
    }

    .multiService_promosBottom{
        display: flex;
    }
}
@media (max-width: 767px) {
    .multiService_blocks{
        flex-direction: column;
    }

    .multiService_blocks .multiService_chosen{
        width: 100%;
        padding: 0;
    }

    .multiService_promos{
        margin-bottom: 40px;
    }
    .multiService_promoName {
        position: relative;
        z-index: 9;
        align-items: flex-start;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .multiService_promo {
        width: 100%;
        flex-grow: 1;
    }
}



/*направления*/
/*==============================================*/
/*==============================================*/
.multiService_directions{
    padding-top: 32px;
    flex-grow: 1;
}
.multiService_directions.marginRight{
    margin-right: 24px;
    }
.multiService_directionsColumn{
    display: flex;
}
.multiService_directionsCol{
    width: calc(50% - 16px);
}
.multiService_directionsCol:first-child{
    margin-right: 16px;
}

/*==============================================*/
/*==============================================*/
/*Избранное*/
.multiService_chosen{
    background: #F6F9FB;
    border-radius: 16px;
    padding: 32px;
    width: 588px;
    box-sizing: border-box;
    height: fit-content;
    flex-shrink: 0;
}

.multiService_chosen.halfWidth{
    display: flex;
}
.halfWidth .multiService_chosenColumn{
    width: calc(50% - 16px);
}
.halfWidth .multiService_chosenColumn:first-child{
    margin-right: 32px;
}
.multiService_chosenItem{
    margin-bottom: 40px;
}









@media (max-width: 1178px) {
    .multiService_chosen{
        padding-top: 40px;
    }
    .multiService_directions{
        padding-top: 40px;
    }


    .multiService_chosen {
        width: calc(50% - 12px);
    }
    .multiService_directionsCol{
        width: 100%;
        margin-right: 0;

    }
    .multiService_directionsColumn{
        flex-direction: column;
    }
}

@media (max-width: 767px) {

    .multiService_directions{
        padding-top: 0;
    }

    .multiService_chosen{
        background: unset;
    }
    .multiService_chosen .multiService_chosenColumn{
        width: 100%;
    }
    .multiService_chosenItem{
        margin-bottom: 16px;
    }

    .modShow .multiService_chosenItems{
        display: block;
    }
    
    .modHide .multiService_chosenItems{
        display: none;
    }

    .multiService_directions{
        /*margin-bottom: 8px;*/
    }
    .multiService_directions.marginRight{
        margin-right: 0;
    }
    .multiService_directionsColumn{
        columns: 1 auto;
        margin-bottom: 32px;
    }
    .multiService_directionsCol:nth-child(2) .multiService_href:first-child{
        border-top: 1px solid #F0F0F0;
    }

    .js_directionToggle.active .multiService_panelSvg{
        transform: rotate(180deg);
    }
}

/* ===== BASE STYLES ===== */
.multiService {
    padding-top: 8px;
}

.multiService_item {
    position: relative;
}

.multiService_header {
    display: flex;
}

.multiService_item_toggle {
    display: inline-block;
    width: 10px;
    height: 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.90239 0.532579L4.99239 3.44258L2.08239 0.532578C1.78989 0.240078 1.31739 0.240078 1.02489 0.532578C0.732392 0.825078 0.732392 1.29758 1.02489 1.59008L4.46739 5.03258C4.75989 5.32508 5.23239 5.32508 5.52489 5.03258L8.96739 1.59008C9.25989 1.29758 9.25989 0.825079 8.96739 0.532579C8.67489 0.247579 8.19489 0.240079 7.90239 0.532579Z' fill='%235EB92D'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
    margin-left: 7px;
    vertical-align: middle;
    position: relative;
    top: 10px;
    cursor: pointer;
}

.multiService_item.has-children:hover .multiService_href {
    text-decoration: none;
    color: #5EB92D;
}

.multiService_item.has-children:hover .multiService_item_toggle {
    transform: rotate(180deg);
}

.multiService_dropdown {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 220px;
    background: #fff;
    padding: 4px 0;
    z-index: 10;
    box-shadow: 0 2px 8px 0 #78A0BE4D;
    border-radius: 8px;
}

.multiService_item:hover .multiService_dropdown {
    display: block;
}

.multiService_dropdown .multiService_subHref {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #1D2F3C;
    display: block;
    padding: 8px 16px;
    transition: color 0.3s ease;
}

.multiService_dropdown .multiService_subHref.bold {
    font-weight: 500;
    color: #5EB92D;
}

.multiService_dropdown .multiService_subHref:hover {
    color: #5EB92D;
}

@media (max-width: 767px) {
    .multiService {
        padding-top: 0;
    }

    .multiService_header {
        justify-content: space-between;
        align-items: center;
    }

    .multiService_dropdown {
        position: relative;
        box-shadow: none;
        padding: 0;
    }

    .multiService_dropdown .multiService_subHref {
        padding: 0 16px;
        margin-bottom: 16px;
    }

    .multiService_item.mobileHide {
        display: none;
    }

    .multiService_item {
        border-top: 1px solid #F0F0F0;
    }

    .multiService_item:first-child {
        border-top: unset;
    }

    .multiService_directionsGroup.active .multiService_item:first-child {
        border-top: 1px solid #F0F0F0;
    }

    .multiService_item .multiService_href {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .multiService_item.has-children:hover .multiService_href {
        color: #1D2F3C;
    }

    .multiService_item_toggle {
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23ECFBDA'/%3E%3Cpath d='M15.87 10.0434L11.99 13.9234L8.11002 10.0434C7.72002 9.65344 7.09002 9.65344 6.70002 10.0434C6.31002 10.4334 6.31002 11.0634 6.70002 11.4534L11.29 16.0434C11.68 16.4334 12.31 16.4334 12.7 16.0434L17.29 11.4534C17.68 11.0634 17.68 10.4334 17.29 10.0434C16.9 9.66344 16.26 9.65344 15.87 10.0434Z' fill='%235EB92D'/%3E%3C/svg%3E");
        margin-left: 0;
        margin-right: 23px;
        top: 0;
        flex-shrink: 0;
    }

    .multiService_item.has-children:hover .multiService_item_toggle {
        transform: none;
    }

    .multiService_item.has-children.open .multiService_item_toggle {
        transform: rotate(180deg);
    }

    .multiService_item:hover .multiService_dropdown {
        display: none;
    }

    .multiService_item.open .multiService_dropdown {
        display: block;
    }
}

.multiService_item_toggle:focus {
    outline: 2px solid #5EB92D;
    outline-offset: 2px;
}

.multiService_dropdown {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.multiService_item.open .multiService_dropdown {
    animation: fadeIn 0.3s ease;
}
/* End */
/* /local/templates/avaclinic/components/bitrix/catalog/services/style.css?17116426683393 */
/* /local/templates/avaclinic/components/custom/breedings/sections_front/style.css?176000675218537 */