/* selectordie */

/* ===========================================================
 *
 *  Name:          selectordie_dev.css
 *  Updated:       2014-10-10
 *  Created by:    Per V @ Vst.mn
 *  What?:         Base CSS for Select or Die
 *
 *  Copyright (c) 2014 Per Vestman
 *  Dual licensed under the MIT and GPL licenses.
 *
 *  No, I don't usually comment my CSS, but in this
 *  case it might "help" someone.
 *
 *  Oddny | Cogs 'n Kegs
 * =========================================================== */

.sod_select,
.sod_select *
    {
        cursor: pointer;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
     -webkit-touch-callout: none;
       -webkit-user-select: none;
          -moz-user-select: none;
           -ms-user-select: none;
               user-select: none;
    }

/* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */
.sod_select
    {

        display: inline-block;
        position: relative;
        line-height: 1;

        width: 100%;
        padding: 10px;
        border-radius: 3px;
        background-color: #ffffff;
        border: solid 1px #bac2c3;
        font-size: 12px;
        font-weight: 300;
        font-stretch: condensed;
        line-height: 1.2;
        color: #000000;
        outline: 0;
        outline-offset: -2px; /* Opera */
        cursor: default;
    }
.sod_select.error{
    border-color: #f82c44 !important;
}
    /* Up/Down arrows */
.sod_select:before
{
    content: "";
    position: absolute;
    zoom: .55;
    top: 50%;
    z-index: 1;
    right: 13px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 18px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMTcuNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMTcuNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNMjQsMHYzLjRIMFYwSDI0eiBNMCwxMC41aDI0VjcuMUgwVjEwLjV6IE0wLDE3LjZoMjR2LTMuNEgwVjE3LjZ6Ii8+DQo8L3N2Zz4NCg==);
    cursor: pointer;
}
@-moz-document url-prefix() {
    .sod_select:before
    {
        top: 58%;
        right: 7px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 14px;
        background-repeat: no-repeat;
    }
}

/* Change the border color on hover, focus and when open */
    .sod_select:hover,
    .sod_select.open,
    .sod_select.focus {  }

        .sod_select.open {  }


    /* When the entire SoD is disabled, go crazy! */
    .sod_select.disabled
        {
            border-color: #828282;
            color: #b2b2b2;
            cursor: not-allowed;
        }

    /* The "label", or whatever we should call it. Keep the first three lines for truncating. */
    .sod_select .sod_label
        {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;

            padding-right: 15px;
        }

        .sod_select .sod_prefix { /* Use this if you're using a prefix and want to style it */ }
        .sod_select .sod_placeholder { /* Use this if you're using a placeholder and want to style it */ }



    /* Options list wrapper */
    .sod_select .sod_list_wrapper
        {
            display: none;
            position: absolute;
            top: 33px;
            left: -1px;
            width: calc(100% + 2px);
            background: #ffffff;
            border: solid 1px #bac2c3;
            border-top: none;
            color: #444444;
            font-weight: 300;
            z-index: 10;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
            overflow: hidden;
            max-height: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -ms-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease;
        }
        .sod_select.open .sod_list_wrapper{
            max-height: 500px;
            display: block;
        }

        /* Shows the option list (don't edit) */
        .sod_select.open .sod_list_wrapper { display: block;  }

        /* Don't display the options when  */
        .sod_select.disabled.open .sod_list_wrapper { display: none;  }

        /* When the option list is displayed above the SoD */
        .sod_select.above .sod_list_wrapper
            {
                top: auto;
                bottom: 100%;
                border-top: solid 1px #bac2c3;
                border-bottom: none;
            }

    /* Options list container */
    .sod_select .sod_list
        {
            display: block;
            overflow-y: auto;
            padding: 0;
            margin: 0;
        }

        /* All the options. Keep the first three lines for truncating... */
        .sod_select .sod_option
            {
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;

                position: relative;
                padding: 10px 10px;
                list-style-type: none;
            }

            /* Optgroups */
            .sod_select .sod_option.optgroup,
            .sod_select .sod_option.optgroup.disabled
                {
                    background: inherit;
                    color: #939393;
                    font-size: 10px;
                    font-style: italic;
                }

                /* Children of an optgroup */
                .sod_select .sod_option.groupchild { padding-left: 20px; }

            /* Used together with placeholderOption / data-placeholder-option */
            .sod_select .sod_option.is-placeholder {
                display: none;
            }

            /* Disabled option */
            .sod_select .sod_option.disabled
                {
                    background: inherit;
                    color: var(--gray-back-color);
                }

            /* Hover state for options, also used when a user uses his/hers up/down keys */
            .sod_select .sod_option.active
                {
                    background: #f7f7f7;
                    color: #333333;
                }

            /*Make room for the check mark */
            .sod_select .sod_option.selected
                {
                    font-weight: 700;
                    padding-right: 25px;
                }

                /* Displays a check mark for the selected option */
                .sod_select .sod_option.selected:before
                    {
                        content: "";
                        position: absolute;
                        right: 10px;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                            -ms-transform: translateY(-50%);
                                transform: translateY(-50%);
                        display: inline-block;
                        color: #808080;
                        height: 9px;
                        width: 10px;
                        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMCA5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCA5IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBmaWxsPSIjYjBiODMyIiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjhjMC43LDAuNywxLjMsMSwyLDBDNi43LDYsOC4zLDMuNyw5LjgsMS41QzEwLjUsMC41LDktMC4zLDguMywwLjZsMCwwQzYuNywyLjksNS43LDQuNCw0LDYuNyIvPjwvZz48L3N2Zz4=);
                    }

                /* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */
                .sod_select.no_highlight .sod_option.selected { font-weight: 300; }
                .sod_select.no_highlight .sod_option.selected:before { display: none; }

            .sod_select .sod_option.link { /* If data-link is set on a specific option */ }
            .sod_select .sod_option.linkexternal { /* If data-link-external is set on a specific option */ }



    /* Hide native select */
    .sod_select select { display: none !important; }

        /* The native select in touch mode. Keep this first line. Sorry, keep everything. */
        .sod_select.touch select
            {
                -webkit-appearance: menulist-button;

                position: absolute;
                top: 0;
                left: 0;
                display: block !important;
                height: 100%;
                width: 100%;
                opacity: 0;
                z-index: 1;
            }
.sod_option.disabled{
    display: none !important;
}

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

:root {
	--main-color: #d05a57;
	--secondary-color: #00a499;
	--gray-text-color: #9c9d99;
	--orange-text-color: #f7c57e;
	--white-text-color: #ffffff;
	--light-pink-color: #ea978c;
	--purple-blue-color: #3e4d67;
}

.checkout-form {
    position: relative
}

.checkout_title {
	text-align: center;
	margin-top: -8px !important;
	padding-top: 10px;
}

.checkout_content {
	background-color: white;
}

.checkout_back {
	width: 100%;
	max-width: 1800px;
	/*background: url("/assets/imagess/pattern_desktop_top.svg") repeat;*/
	display: block;
	margin: auto;
	padding-top: 10px;
}

#checkout-form{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.checkout_topfield {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 15px !important;
}

.comment_row {
	width: 100%;
}

.comment_title {
	text-align: center;
	color: black;
	font-size: 20px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	font-family: "Nunito-Black", cursive, sans-serif;
	font-weight: 400;
}

.comment_row .bd-input {
	height: 80px !important;
	border: none;
}

.comment_row .bd-input textarea {
	background-color: var(--gray-back-color);
	height: 80px;
	border-radius: 25px;
	padding: 10px !important;
	font-family: "Inter-Bold";
	font-weight: 400;
}

.checkout_topfield .main-help-block {
	margin: auto !important;
}

.checkout-form .radios label span {
    padding-left: 0
}

.checkout-form .radios input[type="radio"] {
    display: none
}

.checkout-form .radios input[type="radio"] + label span {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="24px" height="24px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path style="opacity:1" fill="%23cccccc" d="M 2.5,2.5 C 8.5,2.5 14.5,2.5 20.5,2.5C 20.5,8.5 20.5,14.5 20.5,20.5C 14.5,20.5 8.5,20.5 2.5,20.5C 2.5,14.5 2.5,8.5 2.5,2.5 Z"/></g></svg>');
	background-repeat: no-repeat;
    cursor: pointer;
	position: relative;
	top: 6px;
}

.checkout-form .radios input[type="radio"]:checked + label span {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="24px" height="24px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path style="opacity:1" fill="%23d05a57" d="M 2.5,2.5 C 8.5,2.5 14.5,2.5 20.5,2.5C 20.5,8.5 20.5,14.5 20.5,20.5C 14.5,20.5 8.5,20.5 2.5,20.5C 2.5,14.5 2.5,8.5 2.5,2.5 Z"/></g></svg>');
	background-repeat: no-repeat;
}

.checkout-form .row-label {
    font-size: 14px
}

.checkout-form .fields-group {
    margin-top: 0px;
}

.checkout-form .fields-group .fields {
    margin-top: 10px
}

.checkout-form .cash_row .bd-input {
	margin: 6px 2px 0px 15px !important;
	height: 30px;
	width: 100px;
}

.checkout-form .cash_row .bd-input input {
	height: 20px;
	text-align: center;
}

.checkout-form .fields-group .bd-input label {
    text-align: left !important;
    left: 15px
}

.checkout-form .payment-fields .fields-group {
    margin-top: 0px;
}

.checkout-form .payment-fields .delivery-price {
    margin-top: 0px
}
/*
.checkout-form .payment-fields .bd-input {
    background-color: #fefefe;
    border: solid 1px #e6e6e6
}*/

.checkout-form .payment-fields .row-label {
    padding-bottom: 10px
}

.checkout-form .payment-fields .sod_select {
    background-color: #fefefe;
    border: 1px solid #e6e6e6
}

.checkout-form .payment-fields .sod_select .sod_list_wrapper {
    border-color: #e6e6e6
}
/*
.checkout-form .delivery-type-toggle a {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 123px;
    height: 43px;
    background-color: #ffffff;
    border: solid 1px #bac2c3;
    font-size: 14px;
    font-stretch: condensed;
    line-height: 2.8;
    color: #292f32
}*/

.checkout-form .delivery-type-content {
    margin-top: 20px
}

.checkout-form .delivery-type-content.without-pickup {
    margin-top: -10px
}

.checkout-form .delivery-type-content .col-xs-2 {
    padding-left: 0
}

.checkout-form .delivery-type-content > div .row {
    margin-top: 12px
}

.checkout-form .delivery-type-content .cs-skin-slide > span {
    font-size: 14px;
    font-stretch: condensed;
    line-height: 1.4;
    color: #292f32
}

.checkout-form .radios {
    font-size: 16px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.2;
    color: #3f484d
}

.checkout-form .radios > label {
    margin-left: 5px
}

.cash_row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 83.3333%;
}

.checkout-form .map-row {
    display: none
}

.checkout-form .map-placeholder {
    border: 1px solid #bac2c3;
    width: 472px;
    border-radius: 3px
}

.checkout-form .map-placeholder #map {
    width: 470px;
    height: 400px
}

.checkout-form ._change_row, .checkout-form .fields-group.delivery-price {
    display: none
}

.checkout-form .delivery-col {
    padding-left: 0;
	margin-left: 15px;
}

.checkout-form .delivery-col .sod_list .sod_option:first-child {
    display: none
}

.checkout-form .payment-col {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #e6e6e6;
    background-color: #fefefe;
    margin-top: 56px;
    margin-left: -54px
}

.checkout-form .payment-col .use-bonuses {
    margin-left: -16px;
    padding: 21px 41px;
    height: 126px;
    background-color: #f6f8f9
}

.checkout-form .payment-col .use-bonuses .bd-input {
    border: solid 1px #cbd0d2;
    border-radius: 3px
}

.checkout-form .payment-col .use-bonuses .bonus-available {
    font-size: 14px;
    font-stretch: condensed;
    line-height: 1.4;
    color: #292f32;
    margin-top: 15px
}

.checkout-form .payment-col .use-bonuses .bonus-available .currency {
    font-size: 16px;
    padding-left: 2px
}

.checkout-form .payment-col .payment-fields {
    margin-top: -15px
}

.checkout-form .payment-col .payment-fields .row-label {
    font-size: 14px;
    font-stretch: condensed;
    line-height: 0;
    color: #292f32
}

.checkout-form .payment-col .code-resend {
    margin-top: 5px
}

.checkout-form .payment-col .code-resend a {
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1;
    color: #292f32
}

.checkout-form .payment-col .delivery-price .bd-input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.checkout-form .payment-col .delivery-price .bd-input:hover {
    background-color: transparent
}

.checkout-form .payment-col .delivery-price .bd-input label.delivery-price-label {
    left: 0 !important;
    text-align: center !important
}

.checkout-form .payment-col .delivery-price .bd-input label.delivery-price-label .currency {
    font-size: 16px;
    margin-left: 2px
}

.checkout-form .payment-col .delivery-price .bd-input label.delivery-price-label:hover {
    background-color: transparent
}

.checkout-form .payment-col .delivery-price .progress-container {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 45px;
    border: solid 1px #e6e6e6;
    border-top: none;
    position: relative
}

.checkout-form .payment-col .delivery-price .progress-container .progress-bar {
    height: 45px
}

.checkout-form .payment-col .delivery-price .progress-container .progress-bar-content {
    font-size: 14px;
    font-stretch: condensed;
    line-height: 2.9;
    color: #292f32;
    text-align: center;
    width: 100%
}

.checkout-form .payment-col .delivery-price .progress-container .progress-bar-content .currency {
    font-size: 16px;
    margin-left: 2px
}

.checkout-form .payment-col .payment-footer {
    border-top: 1px solid #e6e6e6;
    /*margin-top: 30px;
    padding-top: 20px*/
}

.checkout-form .payment-col .payment-footer .total-row {
    padding: 0 41px
}

.checkout-form .payment-col .payment-footer .total-row .order-total-container .order-total {
    width: auto;
    border-radius: 3px
}

.checkout-form .payment-col .payment-footer .total-row .order-total-container .order-total .order-discount {
    display: none
}

.checkout-form .payment-col .payment-footer .total-row .order-total-container .order-total .order-discount, .checkout-form .payment-col .payment-footer .total-row .order-total-container .order-total .summary-label {
    font-size: 12px;
    font-weight: 300;
    font-stretch: condensed;
    color: #474c4d
}

.checkout-form .payment-col .payment-footer .total-row .order-total-container .order-total .summary-label {
    margin-top: -4px
}

.checkout-form .payment-col .payment-footer .total-row .order-total-container .order-total:after {
    right: -17px
}

.checkout-form .payment-col .payment-footer .total-row .bonuses-info {
    padding-left: 30px;
    padding-top: 9px;
    padding-right: 0;
    font-size: 12px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.3;
    color: #292f32
}

.checkout-form .payment-col .payment-footer .total-row .bonuses-info .currency {
    font-size: 14px;
    padding-left: 1px
}

.send_order_cont {
	padding-left: 5px;
	padding-right: 5px;
}

.checkout-form .payment-col .send-order  {
	display: block;
	height: 41px;
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	background-color: var(--main-color);
	border: solid 2px var(--main-color);
	font-size: 14px;
	font-family: "Inter-Bold";
	font-weight: 400;
	font-stretch: condensed;
	line-height: 1.4;
	color: white;
	border-radius: 25px;
	margin: auto;
	margin-top: 20px;
}

.checkout-form .payment-col .send-order.disabled{
	background-color: gray; !important
}

.checkout-form .payment-col .send-order.disabled:hover{
	background-color: gray; !important
}
/*
.checkout-form .payment-col .send-order:hover {
    color: #ffffff;
    background-color: #fe3446
}*/

.checkout-form .payment-col .send-order[disabled="disabled"] {
    background-color: #efefef;
    border: solid 1px #efefef;
    color: #292f32
}

.checkout-form .sod_select:before {
    right: 33px;
    zoom: .50
}

.checkout-form .sod_select .sod_list_wrapper {
    top: 45px
}

.checkout-form .sod_select .sod_option {
    padding: 10px 15px
}

.checkout-form .delivery-date-time_ {
    display: none;
    margin-top: -15px
}

.checkout-form .sod_select {
    height: 49px;
    line-height: 1.9;
    padding: 10px 10px 10px 15px;
    font-size: 14px
}

.checkout-form .sod_select:before {
    right: 33px;
    zoom: .50
}

.checkout-form .sod_select .sod_list_wrapper {
    top: 45px
}

.checkout-form .sod_select .sod_option {
    padding: 10px 15px
}

.checkout-form .payment-col{
	width: 100%;
	position: relative;
	left: auto;right: auto;top: auto;bottom: auto;
	width: 100%;
	margin-left: 0 !important;
}

.checkout-form .delivery-config-cont{
	margin-left: -30px;
	margin-right: -30px;
	border-radius: 3px;
}
.checkout-form .delivery-type-toggle{
	background: white;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 0px;
	display: flex;
	justify-content: center;
	margin: auto;
	width: 97%;
}

.checkout-form .delivery-type-toggle a{
	height: 40px;
	width: 190px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	background-color: white;
	font-size: 16px;
	font-weight: 300;
	font-stretch: condensed;
	line-height: 1.4;
	color: var(--purple-blue-color);
	border-radius: 25px;
	text-align: center;
	margin: 10px 15px;
	background-color: var(--gray-back-color);
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.checkout-form .delivery-type-toggle img {
	width: 25px;
	height: 25px;
	margin-left: 20px;
	margin-right: 10px;
}

.checkout-form .delivery-type-toggle span {
	font-family: "Inter-Bold";
	font-weight: 400;
}

.checkout-form .delivery-type-toggle a.active{
	background-color: var(--main-color);
	color: white;
}

.checkout-form .delivery-type-toggle a.disabled {
	border-color: var(--gray-text-color) !important;
	color: var(--gray-text-color) !important;
}

.delivery_type_error {
	display: block;
	width: 70%;
	text-align: center;
	color: var(--main-color);
	margin: 10px auto;
	font-size: 16px;
}

.checkout-form .delivery-type-toggle a{
	text-decoration: none !important;
	cursor: pointer;
}
/*
.checkout-form .delivery-type-toggle a.active:hover{
	background: #f6f8f9;
	color: #292F3A !important;
	cursor: default;
}*/
.checkout-form .delivery-type-content{
	padding-left: 30px;
	/*padding-bottom: 35px;*/
	margin-top: 10px;
}

.checkout-form .delivery-type-toggle a[data-type="2"] {
	 margin-left: -4px;
}

.pickup_column {
	width: 95%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.pickup_item {
	height: 40px;
	width: 100%;
	font-weight: 700;
	font-size: 14px;
	background-color: var(--gray-back-color);
	border-radius: 25px;
	color: var(--purple-blue-color);
	padding: 8px 15px 8px 15px;
	margin: 10px auto;
}

.pickup_item.active {
	background-color: var(--secondary-color);
	color: var(--white-text-color);
}

.pickup_item_time {
	font-family: "Inter-Bold";
	font-size: 13px;
	margin-left: 20px;
	margin-top: -8px;
	margin-bottom: 10px;
}

.checkout-title, .checkoout-label{
	color: black;
	font-size: 20px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	font-family: "Nunito-black";
	font-weight: 400;
}

.change_row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	max-width: 450px;
}

.change_row .bd-input {
	margin-bottom: 20px;
	border: none;
	width: 120px;
	margin: 0px
}

.change_row .bd-input input {
	background-color: var(--gray-back-color);
	border-radius: 25px;
	font-size: 12px;
	font-family: "Inter-Bold";
	font-weight: 400;
	height: 33px;
	padding-left: 11px;
}

.cash_odd {
	background-color: var(--secondary-color);
	border-radius: 25px;
	color: var(--white-text-color);
	padding: 6px 20px;
	font-family: "Inter-Bold";
	font-weight: 400;
}

._address_config .bd-input {
	height: 30px;
	margin-bottom: 0px;
	width: 97%;
	margin-left: 0px;
	padding-left: 0px;
}

.bd-input.error {
	border: 2px solid red !important;
}

._address_config {
	width: 95%;
}

._address_config .bd-input input {
	height: 25px;
}

._address_config .adress_cont {
	padding-left: 5px;
	padding-right: 5px;
}

._address_config .bd-input, .custom_address_config .bd-input {
	border: none !important;
}

._address_config .bd-input input, .custom_address_config .bd-input input {
	background-color: var(--gray-back-color);
	border-radius: 25px;
	height: 35px;
	padding-left: 10px;
	color: var(--purple-blue-color);
	font-family: "Inter-Bold";
	font-weight: 400;
}

._address_config3 {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: calc(99% - 1px);
	margin: auto;
	margin-bottom: 10px;
	margin-left: -2px;
	/*padding-left: 15px;*/
}

.not_private_house_fields {
	/*margin-left: 2px;
	margin-right: 2px;*/
	flex:2;
}

._address_config3:nth-child(){
	flex: 2;
}

.custom_address_config .adress_cont {
	padding-left: 5px;
	padding-right: 5px;
}

.adress_buttons_cont {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	white-space: nowrap;
	justify-content: space-between;
}

.adress_buttons_cont .adress_cont {
	padding-left: 5px;
	padding-right: 5px;
}

.checkout-form .delivery-type-content>div .row {
	margin-top: 25px;
}
.checkout-form .summary-label > span{
	display: inline-block;
}
.checkout-form .summary-label > span:first-child{
	width: 90%;
	position: relative;
}
.checkout-form .summary-label > span:first-child div{
	background-color: white;
	display: inline-block;
	position: absolute;
  top: -20px;
  z-index: 2;
}
.checkout-form .summary-label{
	position: relative;
}
.checkout-form .summary-label .meta-value_{
	text-align: right;
	z-index: 2;
	position: absolute;
	right: 0;
	background: white;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.checkout-form .order_sum_ span {
	font-weight: 400;
}

.checkout-form .summary-label .meta-value_ .currency {
	font-size: 18px;
    padding-left: 3px;
}
.checkout-form .summary-label span.order-sum .currency {
	font-size: 30px;
    padding-left: 3px;
}
.checkout-form .summary-label > span:first-child::after{
		content: ' ';
    display: inline-block;
    border-bottom: 1px dotted #d3d3d3;
    height: 11px;
    position: absolute;
    bottom: 0;
		width: 110%;
		left: 0;
}
.checkout-form .payment-col,.checkout-form .payment-col .payment-footer{
	border: none;
}

._delivery-price-value{
	margin-top: 25px;
	font-size: 18px;
	color: #525457;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
._delivery-price-value .currency {
	font-size: 20px;
	padding-left: 3px;
}
.delivery-price{
	padding-right: 0px;
}
.delivery-price .progress-container{
	height: 1px;
  background-color: #D3D3D8;
	width: calc(100% - 18px);
	position: relative;
}
.delivery-price .progress-container .progress-bar{
	background-color: #fb4f58;
	height: 1px;
}
.delivery-price .progress-container .progress-bar::after{
	content: ' ';
	height: 3px;
	width: 3px;
	border-radius: 50%;
	position: absolute;
	right: 0;
	background-color: #fb4f58;
	top: -1px;
}
.delivery-price .progress-bar-content{
	font-size: 14px;
	padding-top: 8px;
	color: #525457;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.delivery-price .progress-bar-content .currency{
	font-size: 16px;
    padding-left: 2px;
}
.checkout-form .delivery-price .bd-input{
	border: none !important;
}
.checkout-form .delivery-price.is_free .bd-input{
	border-bottom: 1px solid #d3d3d3 !important;
}
.checkout-form .map-placeholder{
	width: 100%;
}
.checkout-form .map-placeholder #map{
	width: 100%;
}

.map-row .col-12{
	padding-right: 40px;
}
.payment-footer .summary-label{
	font-weight: 300;
	margin-bottom: 15px;
}
.payment-footer .summary-label.order_sum_{
	padding-top: 5px;
}
.order_sum_{
	font-weight: bold;
}
.order_sum_ .meta-value_ span{
	font-size: 26px;
	line-height: .6;
	font-weight: bold;
}

.checkout-form .radios label span{
    margin-left: -60px;
	cursor: pointer;
	padding-left: 50px;
	font-weight: 700;
}
.checkout-form .bd-input.error{
	border-color: #f82c44 !important;
}
.checkout-min-order-label{
	padding-top: 25px;
	display: none;
}

.help-block{
	display: none;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #f82c44;
    font-size: 14px;
}

._address_config2{
	margin-top: 15px;
}

.row.persons_count{
	margin-top: 20px;
}

.hour-select-cont {
    padding-right: 13px;
    padding-top: 12px;
}

.delivery_price {
    height: 100%;
    width: 100%;
    position: relative;
    display: inline-block;
    margin-top: 8px;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 10px;
    text-align: left !important;
    font-size: 18px !important;
    color: #3f4245;
    line-height: 24px;
    cursor: text;
    background: none;
    border: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.deliverysumm {
    display: none;
    font-size: 14px;
    color: var(--main-color);
}

.promo{
	display: flex;
	padding-left: 0px !important;
	margin: auto;
	width: 100%;
	align-items: center;
	padding-right: 0px !important;
	justify-content: center;
}

.promo .bd-input .basket-promo-code {
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.4;
    color: var(--purple-blue-color);
	padding-left: 10px;
	border-radius: 25px
}


.apply-code-btn {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
    height: 35px;
    width: 35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="100%" viewBox="0 0 24 24" width="100%" fill="%233e4d67"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');
	background-repeat: no-repeat;
	margin-left: 15px;
}

.apply-code-btn svg {
    position: relative;
    z-index: 1;
    margin-left: -12px;
    margin-top: -3px;
}

.apply-code-btn svg path {
    fill: #d7d7d7;
}

.delete-code-btn {
	flex: 1;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
    height: 35px;
    width: 35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    background: url('data:image/svg+xml,<svg class="svg-icon" style="width: 100%; height: 100%;vertical-align: middle;fill: %233e4d67;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 32C246.4 32 32 246.4 32 512s214.4 480 480 480 480-214.4 480-480S777.6 32 512 32z m249.6 684.8c12.8 12.8 12.8 32 0 44.8-12.8 12.8-32 12.8-44.8 0L512 556.8l-204.8 204.8c-12.8 12.8-32 12.8-44.8 0-12.8-12.8-12.8-32 0-44.8l204.8-204.8-204.8-204.8c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0l204.8 204.8 204.8-204.8c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L556.8 512l204.8 204.8z" /></svg>') no-repeat;
	margin-left: 15px;
}

.delete-code-btn svg {
    position: relative;
    z-index: 1;
	margin-left: 10px;
    margin-top: 10px;
}

.delete-code-btn svg path {
    fill: #d7d7d7;
}

.payment-fields {
	width: 100%;
}

.forgetgift-label span {
    font-weight: 600;
}

.order-confirm-text {
    font-size: 12px;
    line-height: 1.4;
    display: block;
    padding: 0;
    font-weight: 300;
	color: var(--gray-text-color);
}

.order-confirm-text a {
	color: var(--gray-text-color);
    text-decoration: underline;
}

.order-content .basket-item {
	display: flex;
	position: relative;
	justify-content: space-between;
	padding: 8px;
	/*height: auto;*/
	min-height: 90px;
	/*border-bottom: 1px solid #e5e5e5;*/
}

.order-content .basket-item div {
	display: inline-flex;
	font-family: "Nunito";
	font-size: 14px;
	font-weight: 700;
}

.order-content .basket-item .name {
	margin-top: 15px;
}

.order-content .basket-item .product-sum {
	color: var(--main-color);
}

.order-content .basket-item .old-price {
	color: var(--gray-text-color);
	text-decoration: line-through;
}

.order-content .remove-basket-item-cont{
	flex: 1;
	align-items: center;
	justify-content: center;
}

.order-content .remove-basket-item {
	width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #b3bcbe;
    color: white;
    position: relative;
	box-shadow: 1px 1px 1px #888888;
	background: center center no-repeat transparent;
	background-image: url(/assets/imagess/svg/clear.svg);
	background-size: 100%;
	border: solid 1px #b3bbbd;
}

.order-content .remove-basket-item span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    color: white;
    display: block;
    text-align: center;
    line-height: 1.2;
    font-family: arial;
    font-size: 20px;
}

.order-content .product-image-cont {
	flex: 3;
	position: relative;
	min-height: 52px;
}

.order-content .product-image {
    width: 100%;
    height: auto;
    border: none !important;
	padding: 5px 0;
}

.order-content .basket-item img {
    width: 100%;
    border: none !important;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.order-content .without_sale {
    width: 27px;
    height: 27px;
    background: url(/assets/imagess/stop_sale.png) no-repeat;
    position: absolute;
    top: -5px;
    right: -5px;
}

.order-content .name-cont {
    margin-left: 15px;
    padding-top: 5px;
    flex: 6;
	flex-flow: column;
}

.order-conten .name-cont .name {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: condensed;
    line-height: 1.2;
    text-align: left;
    color: #292f32;
    display: inline-block;
	padding-bottom: 5px;
	//text-decoration: underline;
}

.order-content .buttons {
	flex: 2;
	align-items: center;
	justify-content: flex-start;
}

.order-content .buttons .change-amount-btn {
    width: 35px;
    height: 35px;
    display: inline-block;
	border: none;
}

.order-content .change-amount-btn.minus{
	background: center center no-repeat transparent;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="100%" viewBox="0 0 24 24" width="100%" fill="%23d05a57"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z"/></svg>');	
}

.order-content .buttons .amount {
    font-size: 14px;
    font-stretch: condensed;
    line-height: 1.3;
    color: #292f32;
    margin: 0 10px;
}

.order-content .buttons .change-amount-btn.plus {
    background: center center no-repeat transparent;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="100%" viewBox="0 0 24 24" width="100%" fill="%23d05a57"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>');
}

.hidebuttons {
	background-image: unset !important;
	cursor: unset !important;
}

.order-content .price-block {
	flex: 2;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}


#checkout-form .delivery-col .row {
	margin-top: 5px;
	margin-bottom: 5px;
}

.type-conf-cont .checkoout-label {
	margin-top: 5px;
	margin-bottom: 5px;
}

.current_ {
	margin-top: 15px;
	margin-bottom: 5px;
}

.exacttime_ {
	margin-top: 10px;
}

.bd-select .sod_select::before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEyOSAxMjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOSAxMjkiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiPiAgPGc+ICAgIDxwYXRoIGQ9Im0xMjEuMywzNC42Yy0xLjYtMS42LTQuMi0xLjYtNS44LDBsLTUxLDUxLjEtNTEuMS01MS4xYy0xLjYtMS42LTQuMi0xLjYtNS44LDAtMS42LDEuNi0xLjYsNC4yIDAsNS44bDUzLjksNTMuOWMwLjgsMC44IDEuOCwxLjIgMi45LDEuMiAxLDAgMi4xLTAuNCAyLjktMS4ybDUzLjktNTMuOWMxLjctMS42IDEuNy00LjIgMC4xLTUuOHoiIGZpbGw9IiM0MzQ3NDkiLz4gIDwvZz48L3N2Zz4=);
    width: 18px;
    right: 5px;
    top: 19px;
}

#checkout-form .row {
	padding-bottom: 15px;
}

#checkout-form .row.fields {
	padding-bottom: 25px;
}

.topbonus {
	min-height: 66px;
}

#namefield {
	display: flex;
	margin: auto;
	flex-direction: row;
	justify-content: center;
}

.promo-error {
	color: red;
}

.wrong_town_error {
	color: red;
	padding: 15px;
	font-weight: bold;
	text-align: justify;
}

.lostpresent_cont {
	position: fixed;
	z-index: 10500;
	top: 30%;
	width: 350px;
	display: block;
	margin-left: -175px;
	left: 50%;
	background-color: white;
	border: 1px solid grey;
	border-radius: 10px;
	text-align: center;
}

.lostpresent {
	padding-top: 15px;
	padding-bottom: 30px;
	margin-left: 5px;
	margin-right: 5px;
}

.checkout_fade {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9990;
	background-color: black;
	opacity: 0.4;
}

.lostpresent_buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	padding-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;
}

.lostpresent_buttons div {
	padding: 5px 10px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid grey;
	border-radius: 10px;
}

.qr_question {
	width: 16px;
	height: 16px;
}

.bd-row-checkbox {
    display: flex;
    position: relative;
    justify-content: flex-start;
	align-items: center;
	margin-left: -10px;
	margin-bottom: 10px;
}

.bd-row-checkbox .base-image {
    
    vertical-align: middle;
}

.bd-row-checkbox .base-image .image {
    width: 25px;
    height: 25px;
	position: relative;
	background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path style="opacity:1" fill="%23cccccc" d="M 2.5,2.5 C 8.5,2.5 14.5,2.5 20.5,2.5C 20.5,8.5 20.5,14.5 20.5,20.5C 14.5,20.5 8.5,20.5 2.5,20.5C 2.5,14.5 2.5,8.5 2.5,2.5 Z"/></g></svg>');
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
}

.bd-row-checkbox.active .base-image .image {
	background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path style="opacity:1" fill="%23d05a57" d="M 2.5,2.5 C 8.5,2.5 14.5,2.5 20.5,2.5C 20.5,8.5 20.5,14.5 20.5,20.5C 14.5,20.5 8.5,20.5 2.5,20.5C 2.5,14.5 2.5,8.5 2.5,2.5 Z"/></g></svg>');
	background-repeat: no-repeat;
}

.delivery-time-type-toggle a.active {
    /*border: solid 1px RGB(238,48,0);*/
    background-color: var(--main-color);
    color: var(--white-text-color);
}

.delivery-time-type-toggle a {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 45%;
    height: 40px;
    /*border: solid 1px RGB(238,48,0);*/
    font-size: 16px;
    font-stretch: condensed;
    line-height: 2.4;
	color: var(--purple-blue-color);
	background-color: var(--gray-back-color);
	border-radius: 25px;
	font-family: "Inter-Bold";
	font-weight: 400;
}

.delivery-time-cont {
	width: 99%;
	background-color: white;
	/*border: 1px solid #e6e6e6;
	border-bottom: solid 2px #A9A9A9;
	box-shadow: 0 2px 4px 0 rgba(154,145,140,.15);*/
	transition: 0.3s;
}

.current_time-block {
    margin-top: -10px;
    /*margin-bottom: 20px;*/
	width: 99%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.current_time-block .lable {
	display: none;
    flex-direction: row;
    align-self: flex-start;
    justify-content: center;
    font-size: 12px !important;
    margin-left: 7px !important;
}

.current_time_date {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	width: 90%;
	margin: 0 5px;
	flex: 5;
}

.current_time-block .bd-input {
	background-color: var(--gray-back-color);
	border: none !important;
	border-radius: 25px;
}

.current_time_hour {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	width: 90%;
	margin: 0 5px;
	flex: 3;
}

.current_time_minute {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	width: 90%;
	margin: 0 5px;
	flex: 3;
}

.current_time_change_block .bd-row-checkbox {
	cursor: pointer;
}

.delivery-time-type-toggle {
	width: 100%;
	margin: 15px auto;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.delivery_time_cont_courier {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
}

.checkout_summ_block {
	font-size: 14px;
	font-weight: 700;
	padding-right: 15px;
}

.checkout_summ_totalprice {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.user-bonus-append {
	color: var(--main-color);
}

.finalcheckoutprice {
	font-size: 18px;
	font-weight: 700;
	border-top: 1px solid var(--gray-back-color);
}

.type-conf-cont {
	padding-bottom: 0 !important;
}

.adressselect {
	height: 40px;
	border: 2px solid var(--secondary-color);
	background-color: white;
	border-radius: 20px;
	padding: 6px 20px;
}

.adressselect_label {
	margin-bottom: 6px;
	text-align: center;
}

.promo .bd-input {
	width: 55%;
	margin: 0px;
	border-radius: 25px;
	border-color: var(--purple-blue-color);
}

.order-content .checkout_persons_block {
	background-color: white;
	width: calc(99% - 5px);
	margin-top: 0px;
	/*border: 1px solid #e6e6e6;
	border-bottom: solid 2px #A9A9A9;*/
}

.order-content .checkout_persons {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px;
	margin: 3px -40px 3px 0px;
}

.order-content .persons_name {
	flex: 9;
}

.order-content .checkout_persons .buttons {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	flex: 2;
	padding-right: 3.2%;
}

.order-content .buttons .change-person-btn {
    width: 35px;
    height: 35px;
    display: inline-block;
	border: none;
}

.order-content .change-person-btn.minus{
	background: center center no-repeat transparent;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="100%" viewBox="0 0 24 24" width="100%" fill="%2300a499"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z"/></svg>');
}



.order-content .buttons .change-person-btn.plus {
    background: center center no-repeat transparent;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="100%" viewBox="0 0 24 24" width="100%" fill="%2300a499"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>');
}

.order-content .buttons .personamount {
    font-size: 14px;
    font-stretch: condensed;
    line-height: 1.3;
    color: #292f32;
    margin: 0 10px;
}

.order-content .persons_about {
	font-size: 12px;
	color: #333333;
	display: block;
	margin: 3px 0px;
	text-align: center;
	padding: 6px;
}

.hasadresses .col-12 {
	padding-left: 5px;
	padding-right: 5px;
}

.hasadresses .checkoout-label {
	margin-bottom: 25px;
}

.checkout-user-addresses {
	height: 40px;
	border: none;
	background-color: var(--gray-back-color);
	border-radius: 25px;
	padding: 6px 20px;
	width: 95%;
	color: var(--purple-blue-color);
	font-family: "Inter-Bold";
	font-weight: 400;
	appearance: none;
}

.payment-col {
	margin-top: -15px;
}

.current_time_change_block {
	margin-top: -10px;
}

#datecont.time_change {
	display: block;
	width: 175px;
	margin-left: 2%;
	height: 145px;
	border-radius: 15px;
	padding: 5px 8px 8px 5px;
	background-color: var(--gray-back-color);
}

#date {
	display: block;
	height: 130px;
	overflow-y: scroll;
	scrollbar-width: thin;
}

#date::-webkit-scrollbar {
    width: 5px;
	height: 8px;
	background-color: aaa;
}

#date::-webkit-scrollbar-thumb {
  background: #aaa;
}

#hourcont.time_change {
	display: block;
	width: 110px;
	margin-left: 45%;
	height: 145px;
	border-radius: 15px;
	padding: 5px 8px 8px 5px;
	background-color: var(--gray-back-color);
}

#hour {
	display: block;
	height: 130px;
	overflow-y: scroll;
	scrollbar-width: thin;
}

#hour::-webkit-scrollbar {
    width: 5px;
	height: 8px;
	background-color: aaa;
}

#hour::-webkit-scrollbar-thumb {
  background: #aaa;
}

#minutecont.time_change {
	display: block;
	width: 105px;
	margin-left: 73%;
	height: 145px;
	border-radius: 15px;
	padding: 5px 8px 8px 5px;
	background-color: var(--gray-back-color);
}

#minute {
	display: block;
	height: 130px;
}

.use-bonuses {
	width: 99%;
	background-color: white;
	padding-top: 10px;
}

.use-bonuses .checkout-btn.bonuses {
	position: relative;
	width: 95%;
	margin: 10px 2.5%;
}

.use-bonuses  .user-balance {
	text-align: center;
	font-size: 14px;
}

.use-bonuses .help-block {
	text-align: center;
}

.bonus_row {
	display: flex;
	width: 100%;
	margin: auto;
	align-items: center;
	justify-content: space-between;
	font-family: "Nunito";
	font-weight: 700;
}

.user-balance .checkout_bonuses, .user-balance .currency {
	color: var(--main-color);
}

.bonus_row .bd-input {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-right: 10px;
	width: 180px;
	border: none;
}

.bonus_row input {
	margin-left: 0px;
	height: 35px !important;
	text-align: center;
	background-color: var(--gray-back-color);
	color: var(--purple-blue-color);
	font-family: "Inter-Bold";
	font-weight: 400;
}

.my-bonuses-label {
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
}

.bonuses_btn {
	display: block;
	height: 35px;
	width: 98%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	background-color: var(--secondary-color);
	font-size: 16px;
	font-family: "Inter-Bold";
	font-weight: 400;
	font-stretch: condensed;
	line-height: 1.9;
	color: white;
	border-radius: 15px;
	text-align: center;
	border: 2px solid var(--secondary-color);
	margin-top: 15px;
	margin-bottom: 15px;
}

.bd-input span {
	font-family: "Inter-Bold";
	font-weight: 400;
	font-size: 14px;
	color: var(--purple-blue-color);
}

.checkout_infoimg_small {
	height: 20px;
	width: 20px;
	margin-left: 5px;
}

.checkuot_summ_checkbox {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.checkuot_summ_checkbox .bd-row-checkbox {
	margin-bottom: 0px;
}

.checkout_timing_cont {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	margin-left: 20px;
}

.checkout_timing_text {
	font-family: "Inter-Bold";
	font-size: 14px;
}

.checkout_auth_block {
	text-align: center;
}

.checkout_auth_text {
	font-family: "Inter-Bold";
	font-weight: 400;
	font-size: 16px;
}

.checkout_auth_btn {
	font-family: "Inter-Bold";
	font-weight: 400;
	font-size: 16px;
	background-color: var(--main-color);
	color: white;
	border-radius: 25px;
	line-height: 2;
	height: 35px;
	width: 340px;
	margin: 10px auto;
	cursor: pointer;
}