.addresses {
	border-radius: 10px;
	border: 1px solid #DCDCDC;
	margin-top:24px;
    margin-bottom:40px;
}

.about-map {
    height: 550px;
}

.addresses h3 {
	margin-top:0px;
	color: #4F4F4F;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 25.2px */
}


.choose_address:not(.active) .active_check {
    display: none;
}

.choose_address.active .active_check {
    display: block;
    position:absolute;
    right:24px;
    top:24px;
}

.choose_address {
    margin-bottom:16px;
    display: block;
    border-radius: 5px;
    border: 2px solid #DCDCDC;
    padding:24px;
    height:100%;
    color: #4F4F4F;
    text-decoration: none;
    /* Text_14/None/Regular */
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.choose_address_head {
    display: flex;
    gap:8px;
    color: #000;
/* Text_16/Bold */
    font-family: Roboto;
    font-size: 16px;
    margin-bottom:8px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}

.choose_address:hover, .choose_address.active {
    color: #4F4F4F;   
    border: 2px solid #1B3B75;
}

.shoplist {
	padding:32px;
	padding-right:0px;
}

.choose_address .strong {
	color: #000;
	/* Text_14/None/Bold */
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px; /* 142.857% */
}

.mode {
	color: #4F4F4F;
	margin-bottom:16px;
	/* Text_14/None/Regular */
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}

.choose_address {
	position: relative;
}

@media (min-width: 767.98px) {

    h2 {
        color: #000;
        /* Desktop_Heading/20_H3 */
        font-family: Montserrat-Bold !important;
        font-size: 20px !important;
        font-style: normal !important;
        font-weight: 700 !important;
        line-height: 24px !important; /* 120% */
        margin-bottom:24px !important;
    }
}

.showMap {
    margin-top:8px;
    display: flex;
    align-items: center;
    gap:4px;
    text-decoration: none;
    color: #1B3B75;
    /* Text_12/Regular */
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.cond3 .paysystem strong {
    font-size:16px;
    line-height: 24px;
}

@media (min-width: 768px) {
    .backarrow, .shopname {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .showMap {
        margin-top:0px;
        margin-bottom:12px;
    }

    .cond3 .col-lg-3 {
        padding-bottom:8px;
    }

    .cond3 .paysystem {
        padding:16px;
        gap:4px;
    }

    .cond3 .paysystem a {
        line-height: 16px; /* 133.333% */
    }

    .backarrow {
        padding:8px 16px 16px 16px;
    }

    .shopname {
        padding:0px 16px 8px 16px;
        color: #000;
        /* Text_14/None/Bold */
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px; /* 142.857% */
    }

    .about-map {
        height:100%;
    }

    .about-map-container {
        position: fixed;
        top:0;
        left:-100%;
        width:100vw;
        height:100vh;
        z-index:999;
        padding:0px;
        background:#fff;
    }

    .addresses h3 {
        margin-bottom:8px;
    }

    .choose_address {
        margin-bottom:0px;
        border:none !important;
        padding:0 !important;
    }

    .st2 {
        display: none;
    }

    .mode {
        margin-top:4px;
        margin-bottom:8px;
    }

h2 {
    color: #000 !important;
    /* Desktop_Heading/20_H3 */
    font-family: Montserrat-Bold !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 16px !important; /* 120% */
    margin-bottom:16px !important;
}
    
    .shoplist {        
        padding:0 0 16px 0 !important;
    }

    .addresses {
        border:none !important;
        margin-top:8px !important;
        margin-bottom:24px;
    }

    .choose_address .strong{
        font-size: 12px;        
        line-height: 16px;
    }

    .choose_address {
        padding:16px;
        color: #4F4F4F;
        text-decoration: none;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

    .choose_address.active .active_check {
        display: block;
        position: absolute;
        right: 16px;
        top: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .choose_address.active .active_check {
        display: block;
        position: absolute;
        right: 16px;
        top: 16px;
    }

    .addresses .col-lg-4 {
        flex:0 0 calc(100% - 400px);
        width:calc(100% - 400px);        
    }

    .addresses .col-lg-8 {
        flex:0 0 400px;
        width:400px;
    }

    .shoplist {
        padding: 24px;
        padding-right: 0px;
    }

    .choose_address  strong {
        display: block;
        margin-bottom:8px;
    }

    .st2 {
        display: none;
    }

    .about-map {
        height:460px;
        max-height:100%;
    }
    
    .cond3 .col-lg-3 {
        padding-bottom:16px;
    }

    .cond3 .col-lg-3 {
        flex:0 0 50%;
        width:50%;
    }

    
    .cond3 .paysystem {
        padding:24px;
        gap:8px;
    }

    .cond3 .paysystem a {
        line-height: 16px; /* 133.333% */
    }

}


.del_choose:not(.active) .active_check {
    display: none;
}

.del_choose.active .active_check {
    display: block;
    position:absolute;
    right:24px;
    top:24px;
}

.del_choose {
    display: block;
    border-radius: 5px;
    border: 2px solid #DCDCDC;
    padding:24px;
    height:100%;
    color: #4F4F4F;
    text-decoration: none;
    /* Text_14/None/Regular */
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.del_choose_head {
    display: flex;
    gap:8px;
    color: #000;
/* Text_16/Bold */
    font-family: Roboto;
    font-size: 16px;
    margin-bottom:8px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}

.del_choose:hover, .del_choose.active {
    color: #4F4F4F;   
    border: 2px solid #1B3B75;
}


.pay_choose:not(.active) .active_check {
    display: none;
}

.pay_choose.active .active_check {
    display: block;
    position:absolute;
    right:24px;
    top:24px;
}

.pay_choose {
    display: block;
    border-radius: 5px;
    border: 2px solid #DCDCDC;
    padding:24px;
    height:100%;
    color: #4F4F4F;
    text-decoration: none;
    /* Text_14/None/Regular */
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.pay_choose_head {
    display: flex;
    gap:8px;
    color: #000;
/* Text_16/Bold */
    font-family: Roboto;
    font-size: 16px;
    margin-bottom:8px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}

.pay_choose:hover, .pay_choose.active {
    color: #4F4F4F;   
    border: 2px solid #1B3B75;
}


@media (max-width: 767.98px) {


    .payname {
        min-width: 120px;
    }

    .head {
        padding-right:10px !important;
        color: #4F4F4F;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

    .payname {
        color: #000;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

    .delivery-logo {
        display: none;
    }
    
    .properties-1, #os-order-delivery-block {
        margin-top:16px;
    }

    .order_block {
        padding:16px;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom:16px;
    }

    .order_block h2 {
        color: #000;
        /* Mob-Heading/14_H3 */
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        margin-bottom: 16px;
        line-height: 16px; /* 114.286% */
    }

    .form-group {
        padding-bottom:8px;
    }

    .del_choose, .pay_choose {
        padding:16px;        
    }

    .pb15 {
        padding-bottom:8px;
    }

    .del_choose.active .active_check {
        display: block;
        position: absolute;
        right: 16px;
        top: 16px;
    }
    
    .pay_choose.active .active_check {
        display: block;
        position: absolute;
        right: 16px;
        top: 16px;
    }

    .del_choose_head {
        display: flex;
        gap: 8px;
        color: #000;
        font-family: Roboto;
        font-size: 14px;
        margin-bottom: 4px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }

    .del_choose, .pay_choose {
        color: #4F4F4F;
        text-decoration: none;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

    .goodstotal {
        padding:0 15px;
        margin-top:-16px;
        background:#F7F8F9;
    }

    .goodstotal .form_group{
        padding-top:4px;
        margin-top:0px;
    }

    .total_sum {
        margin-top: 16px;        
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #000;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }

    .order_item {
        display: none;
    }

    .goodstotal .mt-0 {
        display: none;
    }
}