@font-face {
    font-family: 'icomoon_consultation';
    src:  url('fonts/icomoon_consultation.eot?skea20');
    src:  url('fonts/icomoon_consultation.eot?skea20#iefix') format('embedded-opentype'),
    url('fonts/icomoon_consultation.ttf?skea20') format('truetype'),
    url('fonts/icomoon_consultation.woff?skea20') format('woff'),
    url('fonts/icomoon_consultation.svg?skea20#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="iconC-"], [class*=" iconC-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon_consultation' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.iconC-c_close:before {
    content: "\e908";
}
.iconC-c_instagram:before {
    content: "\e905";
}
.iconC-c_telegram:before {
    content: "\e906";
}
.iconC-c_viber:before {
    content: "\e907";
}

.iconC-c_arr_left:before {
    content: "\e900";
}
.iconC-c_arr_right:before {
    content: "\e901";
}
.iconC-c_wallet:before {
    content: "\e902";
}
.iconC-c_time:before {
    content: "\e903";
}
.iconC-c_check:before {
    content: "\e904";
}
/***************************************************/
.ani{
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: linear;
}

.consultation_page > *{
    box-sizing: border-box;
}
.consultation_page > .lab-container > .row{
    width: 100%;
}

.consultation_page .heading_block_container{
    margin-top: 51px;
    margin-bottom: 50px;
}

.consultation_page .heading_block_container .content_container{
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.consultation_page .heading_block_container h1{
    margin: 0px 0px 0px 0px;

    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 51px;

    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--title);
}

.consultation_page .heading_block_container .heading_subtitle{
    max-width: 870px;

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.5px;
    color: var(--title);
    mix-blend-mode: normal;
    opacity: 0.7;
    margin-top: 25px;
}


.consultation_page .consultation_steps_container{
    margin: 50px 0px 70px 0px;
}

/********************/
.consultation_step .step_heading{
    border-top: solid 1px rgba(0,0,0,0.1);
    border-bottom: solid 1px rgba(0,0,0,0.1);
    padding-top: 31px;
    padding-bottom: 31px;
}

.consultation_step .step_heading .step_title{
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.5px;
    color: #010306;
}

.consultation_step .step_content{
    margin-top: 47px;
}

/* Step 2 */
.consultation_steps_container .step_heading .content_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.consultation_step_type_service .consultation_buttons {
    margin-top: 38px !important;
}
.consultation_steps_container .step_city {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0.5px;
    text-align: left;
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-right: 3px;
}
.consultation_steps_container .step_city:before {
    content: '';
    background-image: url('../image/pin.svg');
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    margin-top: 8px;
}

/* Step 3 */
.consultation_step_specialist .consultation_buttons {
    margin-top: 40px;
}

/* Step 4 */
.consultation_step_specialist .consultations_list > .consultation {
    margin-top: 0;
}
.consultation_step_service .step_type {
    grid-template-columns: repeat(1, minmax(100px, 1fr));
}
.consultation_step_service .step_type label {
    height: auto;
    min-height: auto;
}
.consultation_step_service .consultations_list > .consultation label:after {
    top: 36px;
    left: 36px;
}
.consultation_step_service .content_container .consultation_buttons {
    margin-top: 54px;
}

/* Step 5*/
.consultation_step_date .step_content {
    margin-top: 54px;
}
.consultation_step_date .calendar_head .calendar_head_info_block button {
    margin-top: -5px;
}
.consultation_step_date .consultation_calendar .column_day .day_head {
    margin-bottom: 26px;
}
.consultation_step_date .consultation_calendar .column_day .day_appointments .appointment .content {
    min-height: 76px;
}
.consultation_step_date .consultation_calendar .calendar_head .calendar_head_info_block .dates_block .date_separator {
    margin: 0 7px;
}
.consultation_step_date .content_container .consultation_buttons {
    position: static;
    margin-top: 40px;
}


/* Step 6*/
.consultations_list .callback_type_title {
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: inherit;
    letter-spacing: inherit;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
}
.consultations_list input.form-control {
    border: 1px solid #aaa !important;
    border-radius: 0;
    padding: 21px !important;
}
.consultations_list .item-questionnaire .form-group.required .col-xs-12 {
    padding: 0;
}
.consultations_list .item-questionnaire .file_info {
    padding: 16px 0;
}
.consultations_list .add-image {
    display: flex;
    justify-content: left;
    margin-top: 24px;
}
.consultations_list .add-image .upload-consultation-image {
    letter-spacing: 3px;
    display: flex;
    gap: 8px;
}
.consultations_list .add-image .upload-consultation-image:before {
    content: '+';
    display: block;
}
.consultations_list .consultation_step .consultation_buttons {
    position: static;
    margin-top: 47px;
}
.consultation_step_questionnaire .lab-container .row .left_col:first-child,
.consultation_step_questionnaire .lab-container .row .right_col:first-child {
    flex: 1 70%;
    max-width: 70%;
}
.consultation_step_questionnaire .service_line_title,
.consultation_step_questionnaire .service_line {
    display: flex;
}
.consultation_step_questionnaire .lab-container .step_service .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 18.62px;
    letter-spacing: 1px;
    text-align: left;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.consultation_step_questionnaire .step_content {
    margin-top: 0;
}

/* Step 7 */
.consultation_step_checkout .content_container {
    padding: 0;
}
.consultation_step_checkout .step-heading .right_col {
    margin-left: auto;
}
.consultation_step_checkout .step_city {
    justify-content: right;
}
.consultation_step_checkout .step_heading .content_container .left_col {
    max-width: 80%;
    flex: 1 1 80%;
}
.consultation_step_checkout .step_content {
    margin-top: 60px;
}
.consultation_step_checkout .type_communication {
    margin-top: 28px;
}
.consultation_step_checkout .right_col .checkout_info .checkout_info_block .value {
    margin-top: 8px;
}
.consultation_step_checkout .right_col .checkout_info .checkout_info_block .sub_block:nth-child(3) {
    margin-top: 18px;
    border-top: 1px solid #D9D9D9;
    padding-top: 21px;
}
.consultation_step_checkout .right_col .checkout_buttons_block {
    margin-top: 15px !important;
}
.consultation_step_checkout .right_col .checkout_buttons_block button.button_confirm {
    padding: 14px 15px 8px 15px;
    min-height: 55px;
}
.consultation_step_checkout .type_communication.simple_container_data {
    flex-direction: column;
    gap: 20px;
}
.consultation_step_checkout .type_communication.simple_container_data .type {
    margin-left: 0;
}
.consultation_step_checkout .nickname .input_container {
    margin-top: 31px !important;
}

@media screen and (max-width: 768px){
    .consultation_steps_container .step_heading .content_container {
        flex-direction: column;
        gap: 16px;
    }
    .consultation_page .heading_block_container {
        margin-bottom: 40px;
    }
    .consultation_page .consultation_steps_container {
        margin: 49px 0px 100px 0px;
    }
    .consultation_step_date .step_content {
        margin-top: 52px;
    }
    .consultation_step_date .step_heading {
        padding-top: 32px;
        padding-bottom: 28px;
    }
    .consultation_step_date .step_content>.lab-container .calendar_body_container {
        overflow-x: auto;
    }
    .consultation_calendar .column_day .day_appointments .appointment {
        margin-top: 12px;
    }
}
@media screen and (max-width: 520px){
    .consultation_steps_container .step_heading .content_container {
        flex-direction: column;
        gap: 10px;
    }
    .consultation_page .consultation_steps_container {
        margin: 30px 0px 3px 0px !important;
    }
    .consultation_page .heading_block_container .heading_subtitle {
        margin-top: 30px;
    }
    .consultation_page .heading_block_container {
        margin-bottom: 40px;
    }
    .consultation_steps_container .consultation_step_date .step_content {
        margin-top: 48px;
    }
    .consultation_steps_container .step_city {
        font-size: 12px;
        font-weight: 400;
        line-height: 15.96px;
        letter-spacing: 0.699999988079071px;
        text-align: left;
        justify-content: center;
    }
    .consultation_step_checkout .right_col {
        margin-top: 5px !important;
    }
    .consultation_steps_container .step_city:before {
        width: 14px;
        height: 14px;
        background-size: contain;
        margin: 0;
    }
    .consultation_steps_container .consultation_step_date .step_heading {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .consultation_steps_container .consultation_step_date .step_content {
        margin-top: 44px;
    }
    .consultation_steps_container .consultation_step_date .step_content>.lab-container .calendar_body_container {
        overflow-x: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .consultation_steps_container .consultation_step_date .consultation_calendar .column_day .day_head {
        margin-bottom: 13px;
        margin-top: 8px;
    }
    .consultation_steps_container .consultation_step_date .consultation_calendar .column_day {
        min-width: 149px;
        padding-right: 9px;
    }
    .consultation_steps_container .consultation_step_date .consultation_calendar .column_day .day_appointments .appointment .content {
        min-height: 60px;
    }
    .consultation_calendar .column_day .day_appointments .appointment {
        margin-top: 11px;
    }
    .consultation_steps_container .consultation_calendar .column_day .day_appointments .appointment.appointment_ordered .appointment_alert {
        margin-top: 8px;
        font-size: 10px;
        font-weight: 700;
        line-height: 15px;
    }
    .consultation_steps_container .consultation_buttons {
        gap: 0;
    }
    .consultation_steps_container {
        margin: 30px 0px 0px 0px;
    }
    .consultation_step.consultation_step_date .consultation_buttons {
        margin-top: 44px !important;
        gap: 0 !important;
    }
    .step_success_info_block {
        margin-bottom: 30px;
    }
    .consultation_step_questionnaire .service_line_title, .consultation_step_questionnaire .service_line {
        display: block;
    }
    .consultation_step .step_heading .step_service {
        display: flex;
        gap: 10px;
    }
    .consultation_step_questionnaire .lab-container .row .left_col:first-child, .consultation_step_questionnaire .lab-container .row .right_col:first-child {
        flex: 1 100%;
        max-width: 100%;
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 380px){
    .consultation_step_questionnaire .lab-container .row .right_col:first-child {
        min-height: 42px;
    }
    .consultation_step .step_service .line.service_line {
        max-width: 60%;
    }
}

/*********************/
.step_type{
    display: grid;
    grid-template-columns: repeat(2,minmax(100px,1fr));
    grid-gap: 15px;
}


.step_type .consultation_custom_radio{
    min-height: 100%;
}

.step_type label{
    width: 100%;
    height: 120px;
    min-height: 100%;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    padding: 30px 30px 30px 90px;
    position: relative;
    cursor: pointer;
}


.step_type label .text{
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.5px;
    color: var(--title);
}


.step_type label:before{
    content: '';
    width: 30px;
    height: 30px;
    border: 1px solid #D8D8D8;
    border-radius: 50%;

    position: absolute;
    top: 30px;
    left: 30px;
}

.step_type label:after{
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--title);
    position: absolute;
    top: 36px;
    left: 36px;

    opacity: 0;

}

.step_type label:hover{
    border-color: var(--title);
}

.step_type .consultation_custom_radio input:checked + label{
    border-color: var(--title);
}

.step_type .consultation_custom_radio input:checked + label:after{
    opacity: 1;
}

.consultation_custom_radio input{
    position: absolute;
    left: -99999px;
    opacity: 0;
    z-index: -1;
}
/***************************/
.consultation_step .consultation_buttons{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;

	position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #FFFFFF;
    padding: 12px;
    /* border-top: solid 1px #E5E5E5; */
    z-index: 9;
    gap: 16px;
}

.consultation_step .consultation_buttons.nofixed{
	position: static;
}

.consultation_step .consultation_buttons button{
    -webkit-appearance: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
    outline: none;

    border: none;
    background: none;
    margin: 0;
    padding: 0;
    text-decoration: none;

    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: linear;

    cursor:pointer;

    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: linear;

}

.consultation_step .consultation_buttons button:last-child{
    margin-left: 16px;
}

.consultation_step .consultation_buttons button.next{
    padding: 10px 21px 6px 21px;
    min-width: 270px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #FFFFFF;

    border: solid 1px var(--black);
    background-color: var(--black);

    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    line-height: 36px;
    margin-left: 0;
}

.consultation_step .consultation_buttons button.next:hover{
    background-color: #FFFFFF;
    color: var(--black);
}

.consultation_step .consultation_buttons button.prev,
.consultation_step .consultation_buttons a.home_button{
    padding: 9px 21px;
    min-width: 270px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--black);

    border: solid 1px var(--black);
    background-color: #FFFFFF;

    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
}

.consultation_step .consultation_buttons button.prev:hover,
.consultation_step .consultation_buttons a.home_button:hover{
    background-color: var(--black);
    color: #FFFFFF;
}
/**********************/
.specialists_list > .specialist {
    margin-top: 15px;
}

.specialists_list > .specialist:first-child {
    margin-top: 0px;
}

.specialists_list > .specialist label{
    width: 100%;
    position: relative;
    padding: 30px 30px 30px 120px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    cursor: pointer;
}

.specialists_list > .specialist label:hover{
    border-color: var(--black);
}

.specialists_list > .specialist label .specialist_info .name{
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.5px;
    color: var(--title);
    margin-bottom: 30px;
}

.specialists_list > .specialist label .specialist_info .desc{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.5px;
    color: var(--title);
}

.specialists_list > .specialist label .specialist_info .desc p{
    margin-top: 30px;
}

.specialists_list > .specialist label .specialist_image{
    padding-left: 60px;
}

.specialists_list > .specialist label .specialist_image img{
    max-width: 268px;
    height: auto;
}


.specialists_list > .specialist label:before{
    content: '';
    width: 30px;
    height: 30px;
    border: 1px solid #D8D8D8;
    border-radius: 50%;

    position: absolute;
    top: 30px;
    left: 30px;
}

.specialists_list > .specialist label:after{
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--title);
    position: absolute;
    top: 36px;
    left: 36px;

    opacity: 0;

}

.specialists_list > .specialist label:hover{
    border-color: var(--title);
}

.specialists_list > .specialist.consultation_custom_radio input:checked + label{
    border-color: var(--title);
}

.specialists_list > .specialist.consultation_custom_radio input:checked + label:after{
    opacity: 1;
}



/* Step 3 */
.consultations_list > .consultation {
    margin-top: 15px;
}

.consultations_list > .consultation:first-child {
    margin-top: 0px;
}
.consultations_list > .consultation.consultation_custom_radio_check input{
    position: absolute;
    left: -999999px;
}
.consultations_list > .consultation label{
    width: 100%;
    position: relative;
    padding: 30px 30px 30px 120px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    cursor: pointer;
}

.consultations_list > .consultation label:hover{
    border-color: var(--black);
}

.consultations_list > .consultation label .title{
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.5px;
    color: var(--title);
}


.consultations_list > .consultation label .price_time_block{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 15px;
}

.consultations_list > .consultation label .price_time_block .price_block{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.consultations_list > .consultation label .price_time_block .price_block .iconC{
    font-size: 24px;
    color: var(--title);
}

.consultations_list > .consultation label .price_time_block .price_block .price_value{
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.5px;
    color: var(--title);
    margin-left: 10px;
}


.consultations_list > .consultation label .price_time_block .time_block{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 30px;
}

.consultations_list > .consultation label .price_time_block .time_block .iconC{
    font-size: 24px;
    color: var(--title);
}

.consultations_list > .consultation label .price_time_block .time_block .time_value{
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.5px;
    color: var(--title);
    margin-left: 10px;
}


.consultations_list > .consultation label .desc{
    display: block;
    margin-top: 15px;

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.5px;
    color: var(--title);
}

.consultations_list > .consultation label .desc p{
    margin-bottom: 0;
}



.consultations_list > .consultation label:before{
    content: '';
    width: 30px;
    height: 30px;
    border: 1px solid #D8D8D8;

    position: absolute;
    top: 30px;
    left: 30px;
}

.consultations_list > .consultation label:after{
    font-family: 'icomoon_consultation' !important;
    content: "\e904";

    font-size: 9px;
    color: var(--title);

    position: absolute;
    top: 41px;
    left: 39px;

    opacity: 0;

}

.consultations_list > .consultation label:hover{
    border-color: var(--title);
}

.consultations_list > .consultation.consultation_custom_radio_check input:checked + label{
    border-color: var(--title);
}

.consultations_list > .consultation.consultation_custom_radio_check input:checked + label:after{
    opacity: 1;
}
/*****************************/
.consultation_calendar{
    width: 100%;
}

.consultation_calendar .calendar_head{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.consultation_calendar .calendar_head .calendar_head_info_block{
    display: flex;
    align-items: center;
    justify-content: center;
}

.consultation_calendar .calendar_head .calendar_head_info_block button{
    cursor: pointer;
}
.consultation_calendar .calendar_head .calendar_head_info_block button:hover{
    opacity: 0.7;
}

.consultation_calendar .calendar_head .calendar_head_info_block button .iconC{
    font-size: 8px;
    color: var(--black);
}

.consultation_calendar .calendar_head .calendar_head_info_block .dates_block{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 30px;
}

.consultation_calendar .calendar_head .calendar_head_info_block .dates_block .date{
    color: #010306;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.5px;
}

.consultation_calendar .calendar_head .calendar_head_info_block .dates_block .date_separator{
    display: inline-block;
    color: #010306;
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.5px;
    margin: 0 10px;
}

/**************/
.consultation_calendar .calendar_body_container{
    margin-top: 30px;
}

.consultation_calendar .calendar_body_container .calendar_body{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
}

.consultation_calendar .column_day{
    width: calc(100% / 7);
}

.consultation_calendar .column_day.hidden{
    display:none;
}

.consultation_calendar .column_day .day_head{
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.consultation_calendar .column_day .day_head .title{
    color: #808080;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.7px;
}

.consultation_calendar .column_day .day_head .date{
    margin-top: 5px;

    color: #808080;
    text-align: center;
    font-size: 14px;
    font-family: Evolventa;
    font-weight: 700;
    letter-spacing: 0.7px;
}

/***/
.consultation_calendar .column_day .day_head.active .title{
    color: var(--title);
}

.consultation_calendar .column_day .day_head.active .date{
    color: var(--title);
}
/***/

.consultation_calendar .column_day .day_appointments .appointment{
    margin-top: 10px;
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #D8D8D8;
    position: relative;
}

.consultation_calendar .column_day .day_appointments .appointment .content{
    min-height: 80px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.consultation_calendar .column_day .day_appointments .appointment .time{
    color: #8B8B8C;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.consultation_calendar .column_day .day_appointments .appointment.checked .time{
    color: var(--title);
}

.consultation_calendar .column_day .day_appointments .appointment.checked{
    cursor:pointer;
    border-color: var(--black);
}


@media screen and (min-width: 1200px){
    .consultation_calendar .column_day .day_appointments .appointment:hover .time{
        color: var(--title);
    }

    .consultation_calendar .column_day .day_appointments .appointment:hover{
        cursor:pointer;
        border-color: var(--black);
    }
}/*@media screen and (min-width: 1200px){*/


.consultation_calendar .column_day .day_appointments .appointment:first-child{
    margin-top: 0;
}

.consultation_calendar .column_day .day_appointments .appointment.appointment_ordered{
    background-color: var(--title);
    border-color: var(--title);
    pointer-events: unset;
    cursor: default;
}

.consultation_calendar .column_day .day_appointments .appointment.appointment_ordered .time{
    color: #979797;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.consultation_calendar .column_day .day_appointments .appointment.appointment_ordered .appointment_alert{
    margin-top: 5px;
    color: #FFFFFF;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 1px;
}
.consultation_calendar .column_day .day_appointments .appointment.appointment_ordered .appointment_alert > span{
    display: inline-block;
    margin-right: 3px;
}


/***************/
.consultation_popup{
    padding-right: 0!important;
}

.consultation_popup .modal-dialog{
    max-width: 574px;
    margin-top: 0;
    margin-bottom: 0;
}

.consultation_popup .modal-dialog .modal-content{
    background: #FFFFFF;
    box-shadow: none;
    position: relative;
    border:none;

    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 304px;
}


.consultation_popup .modal-dialog .modal-content .modal-header{
    min-height: unset;
    padding: unset;
    border-bottom: unset;
    border: none;
}

.consultation_popup .modal-dialog .modal-content .modal-header button{
    position: absolute;
    top: 40px;
    right: 40px;

    width: 24px;
    height: 24px;

    font-size: 24px;
    color: var(--black);
    cursor:pointer;
    opacity: 1;
}

.consultation_popup .modal-dialog .modal-content .modal-header button:hover{
    opacity: 0.5;
}


.consultation_popup .modal-dialog .modal-content .modal-body{
    color: #010306;
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.consultation_popup .modal-dialog .modal-content .modal-body .text{
    max-width: 359px;
}

/********************/

.consultation_step_checkout .left_col .checkout_block{
    padding-top: 30px;
    margin-top: 30px;
    border-top: solid 1px rgba(0,0,0,0.1);
}

.consultation_step_checkout .left_col .checkout_block:first-child{
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}

.consultation_step_checkout .left_col .checkout_block .checkout_block_title{
    color: var(--title);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.consultation_step_checkout .left_col .checkout_block .checkout_block_title span{
    color: var(--red);
}


.consultation_step_checkout .left_col .checkout_block .checkout_block_content{
    margin-top: 15px;
}

.consultation_step .input_container{
    position: relative;
}

.consultation_step .input_container input{
    webkit-appearance: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;

    border: none;
    background: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.consultation_step .input_container input{
    width: 100%;
    border: 1px solid #D8D8D8;
    padding: 11px 20px;
    max-height: 46px;

    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.7px;
    color: var(--title);
}



.consultation_step .input_container input::placeholder{color: #8B8B8C;}
.consultation_step .input_container input::-webkit-input-placeholder{color: #8B8B8C;}
.consultation_step .input_container input::-moz-placeholder{color: #8B8B8C;}
.consultation_step .input_container input::-ms-input-placeholder{color: #8B8B8C;}


.consultation_step .checkout_block .error{
    display: block;
    padding-top: 3px;
    font-family: Evolventa;
    font-style: normal;
    font-weight: 400;
    font-size: 9px;
    line-height: 10px;
    letter-spacing: 1px;
    color: var(--red);
    width: 100%;
}


.consultation_step_checkout .type_communication{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.consultation_step_checkout .type_communication .type{
    margin-left: 30px;
}

.consultation_step_checkout .type_communication .type:first-child{
    margin-left: 0px;
}

.consultation_step_checkout .type_communication .type .type_custom_radio{
    position: relative;
    padding-left: 30px;
}

.consultation_step_checkout .type_communication .type .type_custom_radio input{
    position: absolute;
    left: -99999px;
}

.consultation_step_checkout .type_communication .type .type_custom_radio label{
    color: var(--title);
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.7px;
    font-weight: 400;
    cursor: pointer;
}

.consultation_step_checkout .type_communication .type .type_custom_radio label:before{
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #D8D8D8;
    border-radius: 50%;

    position: absolute;
    top: 0px;
    left: 0px;
}

.consultation_step_checkout .type_communication .type .type_custom_radio label:after{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--title);
    position: absolute;
    top: 4px;
    left: 4px;

    opacity: 0;

}

.consultation_step_checkout .type_communication .type .type_custom_radio label:hover{
    border-color: var(--title);
}

.consultation_step_checkout .type_communication .type .type_custom_radio input:checked + label{
    border-color: var(--title);
}

.consultation_step_checkout .type_communication .type .type_custom_radio input:checked + label:after{
    opacity: 1;
}


.consultation_step_checkout .checkout_block.checkout_block_comunication .input_container{
    margin-top: 15px;
}

.consultation_step_checkout .checkout_block.checkout_block_comunication .input_container > .iti{
    max-height: 46px;
}

.consultation_step_checkout .checkout_block .telegram_nickname_help_block{
    margin-top: 15px;

    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.consultation_step_checkout .checkout_block .telegram_nickname_help_block .text{
    color: var(--title);
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.7px;
}

.consultation_step_checkout .checkout_block .telegram_nickname_help_block .information_icon{
    margin-left: 8px;
    min-width: 18px;
    width: 18px;
    height: 18px;
    position: relative;
}

.consultation_step_checkout .checkout_block .telegram_nickname_help_block .information_icon .info{
    display: none;
    position: absolute;
    top: 25px;
    left: -6px;
    max-width: 300px;
    min-width: 250px;
    padding: 8px 8px;
    color: #FFFFFF;
    text-align: center;
    background-color: var(--black)  ;
    border-radius: 4px;
    z-index: 1;

}

.consultation_step_checkout .checkout_block .telegram_nickname_help_block .information_icon:hover .info{
    display: block;
}

.consultation_step_checkout .checkout_block .telegram_nickname_help_block .information_icon .info .arrow_up{
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;

    border-bottom: 5px solid black;
    position: absolute;
    top: -4px;
    left: 10px;
}

.consultation_step_checkout .checkout_block .telegram_nickname_help_block .information_icon>.text{
    position: relative;
    left: 0px;
    top: -2px;

    font-size: 12px;
    color: #FFFFFF;
}
/******/
.consultation_step_checkout .checkout_block.checkout_block_payment .checkout_block_content{
    margin-top: 30px;
}
.consultation_step_checkout .checkout_block.checkout_block_payment .checkout_block_content .payment_method{
    margin-top: 20px;
}

.consultation_step_checkout .checkout_block.checkout_block_payment .checkout_block_content .payment_method:first-child{
    margin-top: 0px;
}

.consultation_step_checkout .checkout_block.checkout_block_payment .checkout_block_content .payment_method .type_custom_radio > input{
    position: absolute;
    left: -99999px;
}

/*************/
.consultation_step_checkout .checkout_block.checkout_block_payment .checkout_block_content .payment_method .type_custom_radio label{
    cursor: pointer;
    padding-left: 30px;
    position: relative;
}

.consultation_step_checkout .checkout_block.checkout_block_payment .checkout_block_content .payment_method .type_custom_radio label span{
    display: block;
}

.consultation_step_checkout .checkout_block.checkout_block_payment .checkout_block_content .payment_method .type_custom_radio label .title{
    font-weight: 400;
    color: var(--title);
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.7px;
}

.consultation_step_checkout .checkout_block.checkout_block_payment .checkout_block_content .payment_method .type_custom_radio label .sub_title{
    font-weight: 400;
    color: #8B8B8C;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.7px;
}

.consultation_step_checkout .checkout_block.checkout_block_payment .checkout_block_content .payment_method .type_custom_radio label:before{
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #D8D8D8;
    border-radius: 50%;

    position: absolute;
    top: 3px;
    left: 0px;
}

.consultation_step_checkout .checkout_block.checkout_block_payment .checkout_block_content .payment_method .type_custom_radio label:after{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--title);
    position: absolute;
    top: 7px;
    left: 4px;

    opacity: 0;

}


.consultation_step_checkout .checkout_block.checkout_block_payment .checkout_block_content .payment_method .type_custom_radio > input:checked + label{
    border-color: var(--title);
}

.consultation_step_checkout .checkout_block.checkout_block_payment .checkout_block_content .payment_method .type_custom_radio > input:checked + label:after{
    opacity: 1;
}

/*************/

.consultation_step_checkout .left_col .checkout_block.checkout_block_agree{
    padding-top: 0;
    border: none;
    margin-top: 32px;
}

.consultation_step_checkout .left_col .checkout_block.checkout_block_agree .checkout_block_content{
    margin-top: 0;
}

.consultation_step_checkout .left_col .checkout_block.checkout_block_agree .agree_custom_check{
    position: relative;
}

.consultation_step_checkout .left_col .checkout_block.checkout_block_agree .agree_custom_check > input{
    position: absolute;
    left: -99999px;
}

.consultation_step_checkout .left_col .checkout_block.checkout_block_agree .agree_custom_check label{
    position: relative;
    padding-left: 35px;
}

.consultation_step_checkout .left_col .checkout_block.checkout_block_agree .agree_custom_check label .title{
    color: var(--title);
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.7px;
    font-weight: 400;
}

.consultation_step_checkout .left_col .checkout_block.checkout_block_agree .agree_custom_check label .title span{
    color: var(--red);
}

.consultation_step_checkout .left_col .checkout_block.checkout_block_agree .agree_custom_check label:before{
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #D8D8D8;

    position: absolute;
    top: 0px;
    left: 0px;
}

.consultation_step_checkout .left_col .checkout_block.checkout_block_agree .agree_custom_check label:after{
    font-family: 'icomoon_consultation' !important;
    content: "\e904";

    font-size: 9px;
    color: var(--title);

    position: absolute;
    top: 6px;
    left: 4px;
    opacity: 0;

}



.consultation_step_checkout .left_col .checkout_block.checkout_block_agree .agree_custom_check input:checked + label{
    border-color: var(--title);
}

.consultation_step_checkout .left_col .checkout_block.checkout_block_agree .agree_custom_check input:checked + label:after{
    opacity: 1;
}
/*************/
.consultation_step_checkout .right_col{
    width: 37.5%;
    margin-left: 12.5%;
}


.consultation_step_checkout .right_col .checkout_info{
    border: 1px solid var(--black)  ;
    background: #FFFFFF;
    padding: 30px;
}

.consultation_step_checkout .right_col .checkout_info .checkout_info_block{
    padding-top: 20px;
    margin-top: 20px;
    border-top: solid 1px #D9D9D9;
}

.consultation_step_checkout .right_col .checkout_info .checkout_info_block:first-child{
    padding-top: 0px;
    margin-top: 0px;
    border: none;
}

.consultation_step_checkout .right_col .checkout_info .checkout_info_block .title{
    color: var(--title);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.consultation_step_checkout .right_col .checkout_info .checkout_info_block .value{
    margin-top: 10px;
    color: var(--title);
    font-size: 14px;
    letter-spacing: 1px;
}

.consultation_step_checkout .right_col .checkout_info .checkout_info_block .sub_block{
    margin-top: 15px;
}
.consultation_step_checkout .right_col .checkout_info .checkout_info_block .sub_block:first-child{
    margin-top: 0px;
}



.consultation_step_checkout .right_col .checkout_info .checkout_total_block{
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 1px #D9D9D9;
}

.consultation_step_checkout .right_col .checkout_info .checkout_total_block .title{
    color: var(--title);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.consultation_step_checkout .right_col .checkout_info .checkout_total_block .value{
    color: var(--title);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.consultation_step_checkout .right_col .checkout_buttons_block{
    margin-top: 20px;
}

.consultation_step_checkout .right_col .checkout_buttons_block button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
    cursor: pointer;
}
.consultation_step_checkout .right_col .checkout_buttons_block button:first-child{
    margin-top: 0;
}

.consultation_step_checkout .right_col .checkout_buttons_block button.button_confirm{
    border: solid 1px var(--title);
    background-color: var(--title);
    padding: 9px 15px;

    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 54px;

}

.consultation_step_checkout .right_col .checkout_buttons_block button.button_confirm:disabled{
    opacity: 0.6;
    cursor: default;
    pointer-events: none;
}

.consultation_step_checkout .right_col .checkout_buttons_block button.button_confirm:hover{
    background-color: #FFFFFF;
    color: var(--title);
}


.consultation_step_checkout .right_col .checkout_buttons_block button.button_back{
    border: solid 1px var(--title);
    background-color: #FFFFFF;
    padding: 9px 15px;

    color: var(--title);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 54px;

}

.consultation_step_checkout .right_col .checkout_buttons_block button.button_back:hover{
    background-color:var(--title);
    color: #FFFFFF;
}

/*************/
.consultation_step.consultation_step_success .content_container{
    width: 100%;
    margin-left: 0;
    display: flex;
    justify-content: center;
}


.step_success_info_block{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

    max-width: 870px;

}

.step_success_info_block>.title{
    color: var(--title);
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.5px;
}

.step_success_info_block .top_info_block{
    margin-top: 30px;
    color: var(--title);
    text-align: center;
    font-size: 38px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.step_success_info_block .middle_info_block{
    margin-top: 30px;
    color: var(--title);
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.5px;
}



.step_success_info_block .messengers_block_info{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.step_success_info_block .messengers_block_info .title{
    color: var(--title);
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.5px;
}

.step_success_info_block .messengers_block_info .messengers{
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step_success_info_block .messengers_block_info .messengers>a{
    margin: 0px 12px;
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
}

.step_success_info_block .messengers_block_info .messengers>a .iconC{
    color: var(--title);
    font-size: 18px;
}

.step_success_info_block .messengers_block_info .messengers>a:hover{
    opacity: 0.5;
}
/**************/
.step_heading_checked .selected_services{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.step_heading_checked .selected_services .col_service{
    padding-right: 30px;
}


.step_heading_checked .selected_services .col .title{
    color: var(--title);
    font-family: 'Evolventa';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;

}



.step_heading_checked .selected_services .col_date .title{
    white-space: nowrap;
}

.step_heading_checked .selected_services .col .content{
    margin-top: 10px;
}

.step_heading_checked .selected_services .col_date .content{
    min-width: 180px;
}

.step_heading_checked .selected_services .col .content .item{
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.step_heading_checked .selected_services .col .content .item:first-child{
    margin-top: 0;
}

.step_heading_checked .selected_services .col .content .item .iconC{
    display: flex;
    width: 13px;
    height: 13px;
    align-items: center;
    justify-content: center;

    font-size: 13px;
    color: var(--black);
    cursor: pointer;
    overflow: hidden;
}

.step_heading_checked .selected_services .col .content .item .iconC:hover{
    color: var(--red);
}

.step_heading_checked .selected_services .col .content .item .text{
    color: var(--title);
    font-family: 'Evolventa';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.7px;
    margin-left: 16px;
    position: relative;
    top: 2px;
}
/************/
.services_popup{
    width: 318px;
    position: absolute;
    top: 0;
    /*right: -318px;*/
    border: 1px solid #D9D9D9;
    background: #FFFFFF;
    padding: 15px 14px 15px 16px;

    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

.appointment .services_popup.active{
    z-index: 2;
    opacity: 1;
    visibility: visible;
}

.services_popup .type_custom_radio{
    position: relative;
    margin-top: 8px;
}

.services_popup .type_custom_radio:first-child{
    margin-top: 0;
}

.services_popup .type_custom_radio input{
    position: absolute;
    left: -99999px;
}

.services_popup .type_custom_radio label{
    color: var(--title);
    font-family: 'Evolventa';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1px;
    padding-left: 27px;
    position: relative;

}

.services_popup .type_custom_radio label:hover{
    color: var(--red);
    cursor: pointer;
}


.services_popup .type_custom_radio label:before{
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #D8D8D8;
    border-radius: 50%;

    position: absolute;
    top: 0px;
    left: 0px;
}

.services_popup .type_custom_radio label:after{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--title);
    position: absolute;
    top: 3px;
    left: 3px;

    opacity: 0;

}

.services_popup .type_custom_radio input:checked + label:after{
    opacity: 1;
}

.services_popup .close_sp{
    display: flex!important;
    width: 13px;
    align-items: center;
    justify-content: center;

    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 5;
}

.services_popup .close_sp.iconC{
    font-size: 13px;
    color: var(--black);
}

.services_popup:hover .close_sp.iconC{
    color: var(--red);
}


/*************/
.selected_services_new{
    display: block;
}

.selected_services_new > .line{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.selected_services_new .line.service_line_title{
    margin-top: 0;
}

.selected_services_new .line.service_line_title > div{
    color: var(--title);
    font-family: 'Evolventa';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}




.selected_services_new .line.service_line_title .right_col{
    min-width: 180px;
}


.selected_services_new .line.service_line .left_col{
    max-width: calc(100% - 180px);
}

.selected_services_new .line.service_line .left_col .service{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 30px;
}

.selected_services_new .line.service_line .left_col .service .text {
    color: var(--title);
    font-family: 'Evolventa';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.7px;
    margin-left: 16px;
    position: relative;
    top: -1px;
}


.selected_services_new .line.service_line .right_col .service_date{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 180px;
}

.selected_services_new .line.service_line .right_col .service_date .text {
    color: var(--title);
    font-family: 'Evolventa';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.7px;
    margin-left: 16px;
    position: relative;
    top: -1px;
}

/**************/
@media screen and (max-width: 767px){
    .selected_services_new .service_line_title{
        display: none!important;
    }

    .selected_services_new .service_line_title_mobile{
        display: flex!important;
    }

    .selected_services_new .service_line_title_mobile .title{
        color: var(--title);
        font-family: 'Evolventa';
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 1px;
        text-transform: uppercase;
    }


    .selected_services_new > .line{
        margin-top: 24px;
        margin-bottom: 24px;
    }


    .selected_services_new .line.service_line .left_col{
        flex-direction: column;
        padding-right: 0;
        justify-content: flex-start;
        align-items: center;
        max-width: 100%;
    }

    .selected_services_new .service_line .left_col .mob_time{
        margin-top: 8px;
        display: flex!important;

        align-items: center;
        justify-content: flex-start;
        min-width: 180px;
    }

    .selected_services_new .service_line .left_col .mob_time .text{
        color: var(--title);
        font-family: 'Evolventa';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.7px;
        margin-left: 16px;
        position: relative;
        top: -1px;
    }

    .selected_services_new .service_line .right_col{
        display: none!important;
    }

}/*@media screen and (max-width: 767px){*/

/*************/

/*Media*/

@media screen and (min-width: 1300px) and (max-width: 1670px){

    .consultation_step_checkout .type_communication{
        flex-direction: column;
    }

    .consultation_step_checkout .type_communication .type{
        margin-left: 0;
        margin-top: 15px;
    }

    .consultation_step_checkout .type_communication .type:first-child{
        margin-top: 0;
    }

}/*@media screen and (min-width: 1300px) and (max-width: 1670px){*/

@media screen and (min-width: 1671px) and (max-width: 1800px){
    .consultation_calendar .column_day .day_appointments .appointment.appointment_ordered .appointment_alert {
        font-size: 10px;
        line-height: 15px;
    }


    .consultation_step.consultation_step_checkout .content_container > .row > .left_col{
        width: 52%;
    }
    .consultation_step.consultation_step_checkout .content_container > .row > .right_col{
        width: 42.5%;
        margin-left: 5.5%;
    }

}/*@media screen and (min-width: 1671px) and (max-width: 1800px){*/

@media screen and (max-width: 1280px){
    .specialists_list > .specialist label {
        padding-left: 90px;
    }

    .specialists_list > .specialist label .specialist_image{
        padding-left: 30px;
    }
    .specialists_list > .specialist label .specialist_image img{
        max-width: 150px;
    }
}/*@media screen and (max-width: 1280px){*/


@media screen and (min-width: 992px) and (max-width: 1299px){
    .consultation_step_checkout .type_communication{
        flex-direction: column;
    }

    .consultation_step_checkout .type_communication .type{
        margin-top: 15px;
        margin-left: 0;
    }

    .consultation_step_checkout .type_communication .type:first-child{
        margin-top: 0;
    }


    .consultation_step_checkout .right_col{
        width: 50%;
        margin-left: 0;
    }

    .consultation_steps_container .consultation_step_checkout .right_col .checkout_buttons_block button{
        padding-left: 10px;
        padding-right: 10px;

        font-size: 12px;
    }

}/*@media screen and (min-width: 992px) and (max-width: 1299px){*/

@media screen and (min-width: 1299px) and (max-width: 1670px){

    .consultation_step_checkout .right_col {
        width: 42%;
        margin-left: 8%;
    }

}/*@media screen and (min-width: 1299px) and (max-width: 1670px){*/


@media screen and (min-width: 992px) and (max-width: 1025px){

    .step_type label .text{
        font-size: 13px;
        line-height: 24px;
    }


    .consultation_step.consultation_step_checkout .content_container > .row > .left_col{
        width: 100%;
    }
    .consultation_step.consultation_step_checkout .content_container > .row > .right_col{
        width: 100%;
        margin-left: 0%;
        margin-top: 30px;
    }


}/*@media screen and (min-width: 992px) and (max-width: 1025px){*/


@media screen and (min-width: 1026px) and (max-width: 1199px){

    .step_type label .text{
        font-size: 15px;
        line-height: 30px;
    }

}/*@media screen and (min-width: 1026px) and (max-width: 1199px){*/


@media screen and (min-width: 1200px) and (max-width: 1367px){
    .step_type label .text{
        font-size: 19px;
        line-height: 30px;
    }
}/*@media screen and (min-width: 1200px) and (max-width: 1367px){*/


@media screen and (min-width: 1368px) and (max-width: 1670px){
    .step_type label .text{
        font-size: 23px;
        line-height: 30px;
    }
}/*@media screen and (min-width: 1200px) and (max-width: 1367px){*/



@media screen and (min-width: 992px) and (max-width: 1670px){

    .consultation_calendar .column_day .day_appointments .appointment.appointment_ordered .appointment_alert > span{
        display: block;
        width: 100%;
        margin-right: 0;
    }

    .consultation_calendar .column_day .day_appointments .appointment.appointment_ordered .appointment_alert{
        font-size: 10px;
        line-height: 15px;
    }
}/*@media screen and (max-width: 1670px){*/

@media screen and (min-width: 992px) and (max-width: 1199px){
    .consultation_calendar .calendar_body_container .calendar_body{
        gap: 10px;
    }

    .consultation_calendar .column_day .day_appointments .appointment.appointment_ordered .appointment_alert {
        font-size: 8px;
        line-height: 13px;
    }
}/*@media screen and (min-width: 992px) and (max-width: 1199px){*/



@media screen and (min-width: 768px) and (max-width: 991px) {


    .consultation_page .heading_block_container .heading_subtitle{
        font-size: 16px;
        line-height: 28px;
    }

    .consultation_page .consultation_steps_container{
        margin: 50px 0px 100px 0px;
    }

    .consultation_page .heading_block_container {
        margin-top: 60px;
        margin-bottom: 40px;
    }

    .consultation_step .step_heading .step_title{
        font-size: 24px;
        line-height: 36px;
        text-align: center;
    }


    .step_type label .text{
        font-size: 17px;
        line-height: 30px;
    }

    .specialists_list > .specialist label {
        padding-left: 90px;
    }

    .specialists_list > .specialist label .specialist_image{
        padding-left: 30px;
    }
    .specialists_list > .specialist label .specialist_image img{
        max-width: 150px;
    }
    /************************/
    .consultations_list > .consultation label{
        padding-left: 90px;
    }

    /***********************/

    .consultation_calendar .calendar_body_container .calendar_body{
        width: 100%;
        gap: 10px;
    }

    .consultation_calendar .column_day{
        max-width: 90px;
    }

    .consultation_calendar .column_day .day_appointments .appointment.appointment_ordered .appointment_alert{
        font-size: 9px;
        line-height: 14px;
    }


}/*@media screen and (min-width: 768px) and (max-width: 991px) {*/


@media screen and (max-width: 1025px){

    .step_heading_checked .selected_services {
        flex-direction: column;
    }
    .step_heading_checked .selected_services .col:nth-child(2) {
        margin-top: 32px;
    }

}/*@media screen and (max-width: 1025px){*/

@media screen and (max-width: 991px){

    .consultation_step_checkout .right_col{
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

}/*@media screen and (max-width: 991px){*/


@media screen and (max-width: 767px){
    .consultation_step_checkout .checkout_block .telegram_nickname_help_block .information_icon:hover .info{
        left: unset;
        right: -6px;
    }

    .consultation_step_checkout .checkout_block .telegram_nickname_help_block .information_icon .info .arrow_up{
        left: unset;
        right: 10px;
    }


    .consultation_page .heading_block_container {
        margin-top: 53px;
        margin-bottom: 30px;
    }

    .consultation_page .heading_block_container h1{
        font-size: 20px!important;
        line-height: 26px!important;
    }

    .consultation_page .heading_block_container .heading_subtitle{
        font-size: 12px;
        line-height: 20px;
    }

    .consultation_step .step_heading{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .consultation_step .step_heading .step_title{
        font-size: 12px;
        line-height: 20px;
        text-align: center;
    }

    .consultation_page .consultation_steps_container{
        margin: 30px 0px 60px 0px;
    }

    .consultation_step .step_content{
        margin-top: 30px;
    }

    .step_type {
        display: grid;
        grid-template-columns: repeat(1,minmax(100px,1fr));
        grid-gap: 15px;
    }

    .step_type label{
        padding: 15px 15px 15px 60px;
    }

    .step_type label:before{
        left: 15px;
        top: 18px;
    }
    .step_type label:after{
        top: 24px;
        left: 21px;
    }


    .step_type label .text {
        font-size: 20px;
        line-height: 30px;
    }

    /****************/

    .specialists_list > .specialist label{
        padding-left: 90px;
        flex-direction: column;
    }

    .specialists_list > .specialist label .specialist_image{
        padding-left: 0;
        order: 1;
    }

    .specialists_list > .specialist label .specialist_image img{
        max-width: 100%;
    }

    .specialists_list > .specialist label .specialist_info{
        order: 2;
        padding-top: 30px;
    }


    .specialists_list > .specialist label .specialist_info .name{
        font-size: 18px;
        line-height: 24px;
    }

    .specialists_list > .specialist label .specialist_info .desc{
        font-size: 14px;
        line-height: 26px;
    }

    .specialists_list > .specialist label .specialist_info .desc p{
        margin-top: 15px;
    }



    /**********/
    .consultations_list > .consultation label .title{
        font-size: 20px;
        line-height: 26px;
    }

    .consultations_list > .consultation label .desc{
        font-size: 14px;
        line-height: 26px;
    }


    .consultation_step .consultation_buttons{
        flex-direction: column;
    }

    .consultation_step .consultation_buttons button{
        width: 100%;
    }

    .consultation_step .consultation_buttons button:last-child{
        margin-left: 0px;
        margin-top: 16px;
    }
    /**********/

    .consultations_list > .consultation label{
        padding-left: 60px;
    }

    .consultations_list > .consultation label:before{
        left: 15px;
    }
    .consultations_list > .consultation label:after{
        left: 21px !important;
    }

    /***********/
    .consultation_step_date .step_content>.lab-container{
        padding-left: 0!important;
        padding-right: 0!important;
    }


    .consultation_step_date .step_content>.lab-container .content_container{
        padding-left: 0;
        padding-right: 0;
    }

    .consultation_step_date .step_content>.lab-container .calendar_body_container{
        overflow-x: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .consultation_calendar .calendar_head .calendar_head_info_block .dates_block{
        margin: 0 15px;
        position: relative;
        top: 2px;
    }
    .consultation_calendar .calendar_head .calendar_head_info_block .dates_block .date{
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
    }
    .consultation_calendar .calendar_head .calendar_head_info_block .dates_block .date_separator{
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
    }


    .consultation_calendar .calendar_body_container .calendar_body{
        gap: unset;
        width: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        border-bottom: none;
    }

    .consultation_calendar .column_day{
        min-width: 140px;
        padding-right: 15px;
    }

    .consultation_step.consultation_step_date .consultation_buttons{
        padding-left: 15px;
        padding-right: 15px;
    }

    /***************/

    .consultation_step .lab-container .content_container{
        padding-left: 0;
        padding-right: 0;
    }

    .consultation_step_checkout .lab-container .content_container .left_col,
    .consultation_step_checkout .lab-container .content_container .right_col{
        padding-left: 0;
        padding-right: 0;
    }

    .consultation_step_checkout .type_communication{
        flex-direction: column;
    }

    .consultation_step_checkout .type_communication .type{
        margin-top: 15px;
        margin-left: 0;
    }

    .consultation_step_checkout .type_communication .type:first-child{
        margin-top: 0;
    }

    /********/

    .step_success_info_block .top_info_block{
        font-size: 28px;
    }
    /*******/

    .consultation_popup .modal-dialog .modal-content{
        margin: 15px;
        min-height: unset;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .consultation_popup .modal-dialog .modal-content .modal-body {
        font-size: 20px;
        line-height: 32px;
    }


    .consultation_popup .modal-dialog .modal-content .modal-header button{
        top: 20px;
        right: 20px
    }
    /***************/
    .consultation_step_date .step_content>.lab-container .calendar_body_container{
        position: relative;
    }

    .consultation_calendar .column_day .day_appointments .appointment{
        position: static;
    }


    .services_popup{
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
    }




    .services_popup .close_sp{
        display: flex!important;
        width: 13px;
        align-items: center;
        justify-content: center;

        position: absolute;
        top: 8px;
        right: 8px;
        z-index: 5;
    }

    .services_popup .close_sp.iconC{
        font-size: 13px;
        color: var(--black);
    }

    .services_popup:hover .close_sp.iconC{
        color: var(--red);
    }





}/*@media screen and (max-width: 767px){*/

@media screen and (max-width: 400px){
    .consultations_list > .consultation label .price_time_block{
        flex-direction: column;
        align-items: flex-start;
    }

    .consultations_list > .consultation label .price_time_block .time_block{
        margin-left: 0px;
        margin-top: 15px;
    }

    .consultation_steps_container .consultation_step_checkout .right_col .checkout_buttons_block button{
        padding-left: 10px;
        padding-right: 10px;

        font-size: 12px;
    }


}/*@media screen and (max-width: 400px){*/

@media screen and (max-width: 330px){

    .step_type label .text {
        font-size: 18px;
        line-height: 30px;
    }


    .specialists_list > .specialist label{
        padding-left: 60px;
        flex-direction: column;
    }

    .specialists_list > .specialist label:before{
        top: 15px;
        left: 15px;
    }

    .specialists_list > .specialist label:after{
        top: 21px;
        left: 21px;
    }

    /************/

    .consultations_list > .consultation label .price_time_block{
        flex-direction: column;
        align-items: flex-start;
    }

    .consultations_list > .consultation label .price_time_block .time_block{
        margin-left: 0px;
        margin-top: 15px;
    }


}/*@media screen and (max-width: 330px){*/