.user-info{
    z-index: 999999999 !important;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.delivery-info{
    z-index: 999999999 !important;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.extra-info{
    z-index: 999999999 !important;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    /*max-height: 400px;*/
    overflow: auto;
    width:100% !important;
}
.next-step{
    margin-left: auto !important;
    margin-top: 80px;
    background-color: #d38da3 !important;
    text-align: center;
    width: 180px;
    padding: 5px !important;
    border-radius: 10px;
    color: #fff !important;
}
.extra-info::-webkit-scrollbar{
    width: 20px !important;
}



/*
=====
RESET STYLES
=====
*/

.field__input{
    --uiFieldPlaceholderColor: var(--fieldPlaceholderColor, #767676);

    background-color: transparent;
    border-radius: 0;
    border: none;

    -webkit-appearance: none;
    -moz-appearance: none;

    font-family: inherit;
    font-size: inherit;
}

.field__input:focus::-webkit-input-placeholder{
    color: var(--uiFieldPlaceholderColor);
}

.field__input:focus::-moz-placeholder{
    color: var(--uiFieldPlaceholderColor);
}

/*
=====
CORE STYLES
=====
*/

.field{
    --uiFieldBorderWidth: var(--fieldBorderWidth, 2px);
    --uiFieldPaddingRight: var(--fieldPaddingRight, 1rem);
    --uiFieldPaddingLeft: var(--fieldPaddingLeft, 1rem);
    --uiFieldBorderColorActive: var(--fieldBorderColorActive, #dca3b5);

    display: var(--fieldDisplay, inline-flex);
    position: relative;
    font-size: var(--fieldFontSize, 1rem);
}

.field__input{
    box-sizing: border-box;
    width: var(--fieldWidth, 100%);
    height: var(--fieldHeight, 3rem);
    padding: var(--fieldPaddingTop, 1.25rem) var(--uiFieldPaddingRight) var(--fieldPaddingBottom, .5rem) var(--uiFieldPaddingLeft);
    border-bottom: var(--uiFieldBorderWidth) solid var(--fieldBorderColor, #dca3b5);
}

.field__input:focus{
    outline: none;
}

.field__input::-webkit-input-placeholder{
    opacity: 0;
    transition: opacity .2s ease-out;
}

.field__input::-moz-placeholder{
    opacity: 0;
    transition: opacity .2s ease-out;
}

.field__input:focus::-webkit-input-placeholder{
    opacity: 1;
    transition-delay: .2s;
}

.field__input:focus::-moz-placeholder{
    opacity: 1;
    transition-delay: .2s;
}

.field__label-wrap{
    box-sizing: border-box;
    pointer-events: none;
    cursor: text;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.field__label-wrap::after{
    content: "";
    box-sizing: border-box;
    width: 100%;
    height: 0;
    opacity: 0;

    position: absolute;
    bottom: 0;
    left: 0;
}

.field__input:focus ~ .field__label-wrap::after{
    opacity: 1;
}

.field__label{
    position: absolute;
    left: var(--uiFieldPaddingLeft);
    top: calc(50% - .5em);

    line-height: 1;
    font-size: var(--fieldHintFontSize, inherit);

    transition: top .2s cubic-bezier(0.9, -0.15, 0.1, 1.15), opacity .2s ease-out, font-size .2s ease-out;
    will-change: bottom, opacity, font-size;
}

.field__input:focus ~ .field__label-wrap .field__label,
.field__input:not(:placeholder-shown) ~ .field__label-wrap .field__label{
    --fieldHintFontSize: var(--fieldHintFontSizeFocused, .75rem);

    top: var(--fieldHintTopHover, .25rem);
}

/*
effect 1
*/

.field_v1 .field__label-wrap::after{
    border-bottom: var(--uiFieldBorderWidth) solid var(--uiFieldBorderColorActive);
    transition: opacity .2s ease-out;
    will-change: opacity;
}

.field{
    --fieldBorderColor: #dca3b5;
    --fieldBorderColorActive: #dca3b5;
}

.page{
    box-sizing: border-box;
    width: 100%;
    max-width: 480px;
    margin: auto;
    padding: 0rem 1rem 1rem 1rem;

    display: grid;
    grid-gap: 20px;
}
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
}

.switch input {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 1px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;

}

input:checked + .slider {
    background-color: #d38da3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #d38da3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
.perekluchatel{
    float:left;
}
.button-block{
    background-color: #fbfbfb;
    padding: 20px 5px 5px 5px;
    width: 30%;
    text-align: center;
}
.popup-window-with-titlebar .popup-window-content, .popup-window-content-gray .popup-window-content{
    background-color: unset;
}
.block-title{
    padding: 30px 10px 10px 10px;
    font-size: 22px !important;

}
.form-group__name{
    font-size: 15px;
    padding: 5px;
}
#popup-window-overlay-my_answer{
    background-color: #0000008f !important;
}
.times{
    width: 30%;
    text-align: center;
    border: 2px solid transparent;
    font-size: 15px;
}
.times:hover:not(.disabled){
    border: 2px solid #d38da3;
    border-radius: 10px;
}
.time-select{
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
    margin-right: -22px;
    margin-left: -23px;
    justify-content: space-between;
}
.times.disabled{
    text-decoration: line-through;
    color: #777777;
}
.checked{
    color: #d38da3;
    border: 2px solid #d38da3;
    border-radius: 10px;
}
.order-result{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 15px;
}
.order-pay-link{
    font-size: 20px;
    padding: 6px 30px;
    color: white;
    background-color: #d38da3;
    border-radius: 20px;
}
.knopki{
     display: flex;
 }
.current-time-container{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-around;
    margin-top: 5px;
}
.current-time{
    background-color: #d38da3;
    color: white;
    padding: 8px;
    font-size: 15px;
    border-radius: 10px;
}
.current-time.checked{
    background-color: #60c339;
    border-color: #60c339;
}
input#date_fld {
    background-color: transparent;
    border: unset;
    text-align: center;
    border-radius: 0;
    border-bottom: 2px solid #dca3b5;
}
.popup-window-titlebar{
    height: 0px;
}

.bottom-button {
    width: 45%;
    margin-left: 15px !important;
    margin-top: 10px !important;
}
.perekluchatel.container{
    width: 100% !important;
}
@media only screen and (max-device-width: 480px) {
    .bottom-button {
        width: 60%;
        margin-left: 15px !important;
        margin-top: 10px !important;
    }
}
.paysystem-select{
    background-color: #FFF;
    margin: 5px auto;
    border: unset;
    border-bottom: 2px solid #dca3b5;
    border-radius: 0;
}
.paysystem-select-container{
    display: flex;
    padding: 0rem 1rem 1rem 1rem;
}
#popup_iframe_wrapper{z-index:900;}
.knopki.form_head{
    display: flex;
    /*justify-content: space-between;*/
}
.knopki.form_head > a{
    flex-grow: 1;
}
.perekluchatel.container{margin-bottom:10px;}
.phone-hint{display:none}
.phone-accept-hint{display:none;}
.tmp_blur{    filter: blur(2px);}
.pay-system_item.checked {
    /*box-shadow: 0 4px 15px rgb(0 0 0 / 10%), inset 0 0 0 2px #29bdee;*/
}
.pay-system_item{

    padding: 12px 6px 12px 6px;

    border: 2px solid #d5dee0;
    border-radius: 10px;
    width: 48%;
    margin-bottom:10px;
}
.pay-system_item .pay-system_item-image{text-align: center;}
.pay-system_item .pay-system_item-image img{max-width:80%;}
.paysystem-select-container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
.oneclick_buy_phone #phone{ padding-left: 47px; }
.oneclick_buy_phone .field__label{padding-left:67px;display:none;}
.oneclick_buy_phone .intl-tel-input{width:100%;}
.oneclick_buy_phone .field__input{height:45px;    border-bottom: 2px solid #d38da3;padding-top: 10px;}
.oneclick_buy_phone .intl-tel-input .flag-dropdown {margin-top: 12px;}
/*
.oneclick_buy_phone .intl-tel-input {margin-top: 12px;}*/
.top_back_arrow{
    /*position:relative ; padding-left:20px;*/
    display:block;
    text-align: center;
}
/*
.top_back_arrow:after{
    content: "";
    position: absolute;
    left: 0px;
    top: 10px;
    margin: -5px 0 0 -7px;
    width: 17px;
    height: 12px;
    background: url(/bitrix/templates/aspro_max/images/svg/Arrow_right2.svg) 0px 0px no-repeat;
    cursor: pointer;

}*/
.extra-info .oneclick-buy-add-extra-product{
    background-color: #d38da3;
}