.file_upload_text {
    margin-bottom: 10px;
}

.acc_title {
    text-align: center;
    /*text-transform: uppercase;*/
}

.acc_content {
    display: block;
    background-color: #e8e8e8;
}
.reg_form {
    max-width: 313px;
    margin: 0 auto;
    min-height: 410px;
}
.acc_promo {
    display: block;
    background-color: #e6e7e8;
    padding: 7px 10px 1px;
    font-size: 10pt;
    text-align: center;
    color: #009900;
}
.acc_promox {
    width: 18px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("/images/pm11_g.svg");
    display: inline-block;
    margin-top: 2px;
    margin-bottom: -2px;
}
.acc_tab {
    width: 100%;
    overflow: hidden;
}
.acc_bottom {
    padding:0;
    min-height: 50px;
    text-align:center;

}
.acc_botban, .acc_botban7 {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    color: #333;
    /*color: white;
    background-image: url("/images/banner_second.png");*/
}
    .acc_botban:hover {
        text-decoration: none;
    }
.acc_botban3, .acc_botban4 {
    background-size: 100% 100%;
}
    .acc_botban4 > img {
        display: block;
        width: 100%;
    }
.acc_botban4 {
    min-height: unset;
}
.acc_botban6 {
    height: 400px;
    background-size: auto 100%;
}
    .acc_botban6 h2 {
        font-family: "Lumios Marker","Open Sans",sans-serif;
        /* font-weight: 700;*/
        font-size: 54pt;
        line-height: 100%;
    }
    .acc_botban6 div {
        font-size: 17pt;
        margin: 10px auto;
    }
.acc_botban7 {
    height: 220px;
}
.acc_botinfo {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    transform: scaleX(0);
    opacity: 0;
    filter:blur(12px);
}
.acc_botinfo_show {
    transform: scaleX(1);
    opacity: 1;
    filter: blur(0);
    transition: opacity 1000ms ease-in-out, transform 1000ms ease-in-out, filter 1000ms ease-in-out;
}
.acc_bothead {
    font-size: 14pt;
    margin-bottom: 10px;
}
.acc_botban6 .acc_bothead2, 
.acc_bothead2 {
    font-size: 26pt;
    margin-bottom: 5px;
    font-family: "Lumios Marker","Open Sans",sans-serif;
    line-height: 100%;
}
    .acc_botban6 .acc_bothead2 > b,
    .acc_bothead2 > b {
        font-weight: normal;
    }
.acc_botcont {
    font-size: 12pt;
}

.acc_hide, .acc_hide2 {
    position: fixed;
    background-color: #000;
    top: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    opacity: 0.7;
    z-index: 10000;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}
.acc_od {
    text-align: justify;
    font-size: 11pt;
    max-width: 734px;
    margin: 20px auto;
}
    .acc_od p {
        margin: 10px 0;
    }
#tab1 {
    margin: 0 -5px;
    min-height: 200px;
}
.basfilter {
    text-align: right;
    background-color: white;
    margin-top: 6px;
    padding: 5px;
}
    .basfilter > label {
        display: inline-block;
        margin: 0 5px;
        cursor: pointer;
    }
        .basfilter > label:hover {
            text-decoration: underline;
        }
        .basfilter > label input {
            display: none;
        }
            .basfilter > label input:checked + span {
                color: #d54a32;
            }
.card_tab {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px 5px;
}
    .card_tab > div {
        display: table-row;
    }
.card_addbas {
    margin-bottom: 5px;
    margin-top: 15px;
    text-align: center;
}
    .card_addbas > div {
        display: inline-block;
        margin: -5px 2px;
        vertical-align: middle;
        cursor: pointer;
        color: #026045;
    }
        .card_addbas > div:hover {
            text-decoration: underline;
        }
.card {
    display: table-cell;
    width: 50%;
    background-color: white;
    padding: 10px;
    border: 5px solid transparent;
    position: relative;
    box-sizing: border-box;
}
.card_inbasket {
    border: 5px solid #009900;
}
.card_title, .card_title_basket {
    font-size: 14pt;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .card_title > img {
        height: 20px;
        margin-right: 5px;
        cursor: pointer;
    }
.card_title_basket {
    border-bottom: 1px solid lightgrey;
    padding: 0 5px 10px;
    /*white-space: nowrap;*/
}
.card_orderid {
    font-size: 10pt;
    color: #999;
}
.card_cl {
    width: 15px;
    height: 16px;
    float: right;
    margin: 0 0 5px 5px;
    z-index: 1;
}
.companyinf{
    display:none;
}
    .companyinf > div{
        margin:5px 0;
    }
    .companyinf > div > span:first-child {
        width: 110px;
        display: inline-block;
    }
.companyrs {
    display: inline-block;
}
    .companyrs > input {
        width:35px;
        padding:0;
    }
    .companyrs > div {
        display: inline-block;
    }
#companyinf2 > div > input {
    width: calc(100% - 110px);
    box-sizing: border-box;
}
.but_green_s {
    background-color: white;
    border-radius: 6px;
    color: #009900;
    border: 1px solid #009900;
    box-sizing: border-box;
    padding: 4px;
    vertical-align: bottom;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.card_info {
    display: block;
    min-height: 220px;
}
    .card_info > div {
        display: block;
    }
    .card_info > p {
        margin-top: 5px;
    }
.card_text {
    font-size: 11pt;
    margin: 15px 0;
    color: #090;
    font-weight:bold;
}
.card_bimg, .card_bcont {
        display: table-cell;
        vertical-align: top;
    }
.card_img {
    max-height: 112px;
    max-width: 112px;
    float: right;
    margin-left: 10px;
}
.card_status{
    text-transform:uppercase;
}
.card_but {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    box-sizing: content-box;
    padding: 13px;
}
.card_but1, .card_but2 {
    display: block;
    clear: both;
    width: 100%;
    padding: 10px 0;
}
.card_but1_edit, .card_but1_basket, .card_but3_basket, .card_but4_upload {
    display: block;
    width: calc(50% - 3px);
    float: left;
}
    .card_but1_edit > div, .card_but1_basket > div, .card_but3_basket > div, .card_but4_upload > div {
        display: flex;
        justify-content: center;
        align-items: center;
        /*margin: 5px auto 5px 0;*/
        border-radius: 8px;
        padding: 6px;
        border: 3px solid #65686b;
        border-bottom-color: #d54a32;
        max-width: 212px;
        cursor: pointer;
    }
    .card_but1_basket > div, .card_but3_basket > div {
        background-color: #65686b;
        /*margin: 5px 0 5px auto;*/
        margin-left: auto;
    }
.card_but4_upload {
    color: white;
    margin-right: 3px;
}
    .card_but4_upload > div {
        background-color: #d54a32;
        border-color: #d54a32;
    }
.card_but1_edit {
    margin-right:3px;
}

.card_but_cancel {
    display: inline-block;
    background-color: white;
    color: red;
    width: calc(50% - 5px);
    text-align: center;
    border: 1px solid red;
    border-radius: 8px;
    padding: 7px 8px 9px;
    box-sizing: border-box;
    font-size: 12pt;
    cursor:pointer;
}

.card_but1_basket, .card_but3_basket {
    float: right;
    color: white;
}
    .card_but3_basket > div {
        background-color: transparent;
        color: #65686b;
    }

.card_space {
    width: 100%;
    height: 105px;
    display: block;
}

.card_but_i, .card_but_0 {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
}
.card_but_0 {
    width: 0;
}
.card_but_t {
    font-size: 12pt;
    display: inline-block;
    white-space: nowrap;
}
/*#but_projectopen {
    padding: 5px;
}*/
    #but_projectopen > .card_but_t {
        font-size: 10pt;
        display: inline-block;
        white-space: nowrap;
    }
.card_but1_edit > div > .card_but_t {
    color: #65686b;
}
.card_but1_edit_disabled > div,
.card_but1_basket_disabled > div {
    border: 1px solid lightgray;
    background-color: lightgray;
    cursor: default;
}
    .card_but1_edit_disabled > div > .card_but_t,
    .card_but1_basket_disabled > div > .card_but_t {
        color: gray;
    }
.card_but3_basket > .card_but1_gr {
    /*border: 2px solid lightgray;*/
    background-color: #65686b;
    color: white;
}

.card_but2 {
    display: table;
    border-spacing: 0;
}
.card_but2>div {
    display: table-row;
}
.card_but2_b, .card_but2_bd {
    font-size: 11pt;
    display: table-cell;
    width: 33%;
    color: #d54a32;
    border-right: 1px solid #d54a32;
    text-align: center;
    cursor: pointer;
}
    .card_but2_b:hover {
        text-decoration: underline;
    }
.card_but2_bd {
    color:gray;
    cursor:default;
}
.card_but2_blch {
        border-right: 0;
    }

.card_prim > .bs_bl {
    color: gray;
}
.acc_bas {
    display: table;
    width: 100%;
}
    .acc_bas > div {
        display: table-row;
    }
        .acc_bas > div > div {
            display: table-cell;
            width: 50%;
            vertical-align: top;
        }
.acc_bas_right {
    padding-left: 10px;
}
#tab2, #bas_sum {
    display: table-cell;
    width: 50%;
    vertical-align:top;
}
    #bas_sum > div {
        margin-left: 10px;
    }
    #bas_sum > .bs_bl {
        text-align: right;
        padding-top: 1px;
        padding-bottom: 1px;
        margin: 10px;
    }
.bas_card {
    background-color: white;
    padding: 5px;
    border: 5px solid transparent;
    margin:10px auto;
}

.bas_sum_title {
    font-weight: bold;
    font-size: 12pt;
    margin-bottom: 5px;
    color: #009900;
}
    .bas_sum_title > a {
        font-weight: normal;
        font-size: 10pt;
    }
.bs_tab {
    display: table;
    width: 100%;
}
    .bs_tab > div {
        display: table-row;
    }

.bs_tab_name,
.bs_tab_cost {
    display: table-cell;
    padding-top: 5px;
    font-size: 12pt;
}
.bs_bl {
    font-size: 11pt;
    margin-right: 10px;
}
    .bs_bl > .card_but1_basket {
        width: auto;
        float: none;
    }
.bs_bl2 {
    display: inline-block;
    margin-top: 25px;
    margin-left: 10px;
    font-size: 12pt;
}
.bs_bl3 {
    display: block;
    padding: 10px;
    padding-bottom: 0;
    font-size: 12pt;
    display: block;
    float: right;
}
    .bs_bl3 > .card_but1_basket, .bs_bl > .card_but1_basket {
        width: 140px;
        margin: 0 0 0 auto;
    }
.bs_tab_name {
        width: 100%;
    }
.bs_tab_cost {
    text-align: right;
    white-space: nowrap;
}
.bs_tab_sum {
    padding-top:10px;
}
.bs_tab_hr, .bs_tab_hr2 {
    border: none;
    height: 1px;
    border-bottom: 1px solid lightgrey;
    margin: 10px 0;
}
.bs_tab_hr2 {
    width: 50%;
}
.st_input {
    width: 200px;
    border-bottom: 1px solid;
    border-bottom-color: currentcolor;
    border-left: none;
    border-left-color: currentcolor;
    border-right: none;
    border-right-color: currentcolor;
    border-top: none;
    border-top-color: currentcolor;
    border-color: lightgrey;
    border-radius: 0;
    padding: 0 0 0 5px;
    font: 10pt "Open Sans", sans-serif;
    outline: none;
}

.card_basket {
    display: block;
    width: 100%;
    margin: 10px auto;
    padding: 8px;
}
    .card_basket > .card_info {
        min-height: 115px;
        padding-bottom: 20px;
    }
.card_lm{
    float:right;
    margin-left:10px;
}
   
.card_lm2 {
    text-align:right;
}
    .card_lm2 > .card_img {
        float: none;
        clear: right;
        margin: 0;
    }
.card_but3 {
    color: #026045;
    cursor: pointer;
    text-align: right;
}
    .card_but3:hover {
        text-decoration: underline;
    }
.card_but_edit {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 1px;
    background-image: url("/images/pm07_g.svg");
    vertical-align: -2px;
}
.uiel, .uiinfo, .uicode {
    font: 11pt "Open Sans", sans-serif;
    background-color: white;
    border: 2px solid #ddd;
    max-width: 300px;
    /*border-radius: 5px;*/
    padding: 0 3px;
    box-sizing: border-box;
    height: 28px;
    outline: none;
    color: #026045;
}
    .uiel[type=number] {
        -moz-appearance: textfield;
    }
        .uiel[type=number]::-webkit-inner-spin-button,
        .uiel[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

select.uiel {
    width: 100%;
    margin: 2px 0;
    padding-right: 20px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("/images/downg_gr.svg");
    background-repeat: no-repeat;
    background-size: 15px 5px;
    background-position-x: calc(100% - 3px);
    background-position-y: center;
}
    select.uiel::-ms-expand {
        display: none;
    }
    select.uiel option.maikaorder {
        color: #1130b8;
    }
    select.uiel option:disabled {
        color:#aaa;
    }
    
    input[type=checkbox].uiel {
        -ms-transform: scale(1.5); /* IE */
        -moz-transform: scale(1.5); /* FF */
        -webkit-transform: scale(1.5); /* Safari and Chrome */
        -o-transform: scale(1.5);
        margin: 9px 3px;
        height: unset;
    }
input[type=text].uiel {
    width: 30px;
}

input[type=number].uiel::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=range].uiel {
    -webkit-appearance: none;
    height: 2px;
    background-color: #333;
    margin: 10px 0;
    outline: none;
    width: 100%;
}

    input[type=range].uiel::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #026045;
        cursor: pointer;
    }

    input[type=range].uiel::-moz-range-thumb {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #026045;
        cursor: pointer;
    }

.uiinfo {
    max-width: unset;
    width: 100%;
}

    .uiel:disabled, .uiinfo:disabled {
        /*background-color: lightgray;*/
        color: #aaa;
    }
.uicode {
    max-width: 110px;
    width: 100%;
    /*margin: 0 auto;*/
    display: block;
    font-size: 20pt;
    height: auto;
    text-align: center;
    margin-left: auto;
}
select.uiinfo {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("/images/downg_r.svg");
    background-repeat: no-repeat;
    background-size: 15px 5px;
    background-position-x: right;
    background-position-y: center;
}

.btn2, .btn2_red {
    font: 12pt "Open Sans", sans-serif;
    color: #009900;
    height: 40px;
    -webkit-appearance: none;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    padding: 0;
    width: auto;
}

    .btn2:hover, .btn2_red:hover {
        text-decoration: underline;
    }
.btn2_red {
    color: #d54a32;
}
.widthrange {
    max-width: 240px;
    white-space: nowrap;
}
.widthrange > .spinerdiv2 {
    display: inline-block;
}
.widthrange > .drange {
    padding-top: 5px;
}
    .widthrange > .drange > .lrtext,
    .widthrange > .drange > .rrtext {
        display: inline-block;
        margin-top: -5px;
        float: left;
    }
    .widthrange > .drange > .rrtext {
        float: right;
    }

.spinerdiv2 {
    display: block;
    border: 2px solid #ddd;
    /*border-radius: 5px;*/
    width: 110px;
    background-color: white;
}

    .spinerdiv2 > input.uiel[type="text"] {
        -moz-appearance: textfield;
        outline: none;
        border: 0;
        /*border-left: 1px solid lightgrey;
        border-right: 1px solid lightgrey;*/
        border-radius: 0;
        box-sizing: border-box;
        width: 50px;
        text-align: center;
        outline: none;
    }

.iconleft, .iconright, .iconleftbig, .iconrightbig {
    background-image: url("/images/rightgr3_g.svg");
    background-repeat: no-repeat;
    background-size: 8px 13px;
    width: 30px;
    height: 29px;
    padding: 0;
    background-position: center;
    cursor: pointer;
    user-select: none;
}

    .iconleft:hover, .iconright:hover {
        background-image: url("/images/rightgr3_g.svg");
    }

.iconleft {
    float: left;
}

.iconright {
    float: right;
}

input[type=checkbox].uiel {
    display: none;
}

    input[type=checkbox].uiel + div,
    input[type=checkbox].uiel + span {
        display: inline-block;
        min-width: 18px;
        width: 18px;
        height: 18px;
        background-color: white;
        border: 2px solid #ddd;
        background-repeat: no-repeat;
        background-position: center;
        background-image: none;
        background-size: 14px;
        margin-right: 2px;
        /*border-radius: 5px;*/
        vertical-align: -5px;
    }
        input[type=checkbox]:checked.uiel + div,
        input[type=checkbox]:checked.uiel + span {
            background-image: url("/images/gl_gb.svg");
        }

    input[type=checkbox][disabled].uiel + div,
    input[type=checkbox][disabled].uiel + span {
        background-color: #ccc;
        border-color: #999;
        opacity: 0.5;
    }

.c4_td_title {
    color: #333;
}

.c4_td_kolvo {
    color: #333;
}

.tabs1 {
    margin: 10px 0 5px;
}
.tabs2 {
    display: flex;
    flex-direction: row;
    /*width: calc(100% + 4px);*/
    box-sizing: border-box;
    margin: 0 -2px;
}

    .tabs2 > div {
        position: relative;
        width: 100%;
        text-align: center;
        margin: 2px;
        border: 3px solid #ddd;
        border-radius: 2px;
        padding: 5px;
        cursor: pointer;
    }

        .tabs2 > div > div {
            margin: 2px 0;
            user-select: none;
        }

            .tabs2 > div > div:nth-child(1) {
                font-weight: bold;
                font-size: 11pt;
            }

            .tabs2 > div > div:nth-child(2) {
                font-size: 7pt;
            }

            .tabs2 > div > div:nth-child(3) {
                display: none;
            }

        .tabs2 > div > .tooltip_new {
            position: absolute;
            top: 5px;
            left: 5px;
        }

        .tabs2 > div.checked {
            border-color: #026045;
        }

            .tabs2 > div.checked > div:nth-child(3) {
                display: block;
                position: absolute;
                width: 16px;
                height: 16px;
                background-color: #026045;
                top: -14px;
                right: 8px;
                border-radius: 5px;
                background-repeat: no-repeat;
                background-position: center;
                background-image: url("/images/gl2_w.svg");
                background-size: 11px;
            }

        .tabs2 > div.disabled {
            /*background-color:#ccc;*/
            overflow: hidden;
            color: #999;
            cursor: default;
        }

            .tabs2 > div.disabled::before {
                position: absolute;
                content: '';
                top: 50%;
                left: 0;
                width: 100%;
                height: 1px;
                /*box-shadow: 0 0 1px #ddd;*/
                background-color: #ddd;
                transform: rotate(-20deg);
            }

            .tabs2 > div.disabled > div:nth-child(1) {
                font-weight: normal;
            }

.tboper {
    display: flex;
    flex-direction: row;
    /*width: calc(100% + 4px);*/
    box-sizing: border-box;
    margin: 0 -2px;
}
    .tboper > a {
        align-items: center;
        flex: 1;
        display: flex;
        width: 100%;
        text-align: center;
        margin: 2px;
        border: 3px solid #ddd;
        border-radius: 2px;
        padding: 5px;
        cursor: pointer;
        justify-content: center;
    }

.ph_col {
    border: 3px solid #ddd;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 3px 5px;
    margin: 15px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 40px;
}

.ph_title {
    width: 35%;
    display: inline-block;
    box-sizing: border-box;
    white-space: nowrap;
}

.calcbutt {
    font-family: 'Bebas Neue Pro';
    display: inline-block;
    padding: 12px 7px;
    width: 100%;
    max-width: 200px;
    text-align: center;
    background-color: #026045; /*#65686b;*/
    color: white;
    font-size: 12pt;
    box-sizing: border-box;
    cursor: pointer;
    text-transform: uppercase;
    border: 3px solid #9B8C7C;
    border-radius: 2px;
}

.ph_value {
    display: inline-block;
    width: calc(65% - 4px);
    box-sizing: border-box;
    text-align: right;
}


    .ph_value .count-with-table {
        border-radius: 0;
        border: 0;
        height: 24px;
        min-width: 112px;
        margin-top: 2px;
        margin-bottom: -2px;
    }

        .ph_value .count-with-table > input[type="text"] {
            width: 69px;
            /*   text-align: right;
        padding-right: 10px;*/
            font-weight: bold;
            border-bottom: 1px dashed #999;
            border-radius: 0;
            box-sizing: border-box;
            height: 25px;
        }

        .ph_value .count-with-table > label.strelka {
            border-color: transparent;
            background-image: url(/images/upg.svg);
            background-size: 20px 10px;
            width: 20px;
            height: 26px;
        }

        .ph_value .count-with-table::after {
            content: none;
        }

    .ph_value .iconleft, .ph_value .iconright, .addiconbas {
        border: 1px solid #ccc;
        border-radius: 30px;
        width: 26px;
        height: 26px;
        box-sizing: border-box;
        background-image: none;
        text-align: center;
        /*font-size: 16pt;
    line-height: 16pt;*/
        color: #026045;
    }

        .ph_value .iconleft:hover, .ph_value .iconright:hover, .addiconbas:hover {
            background-image: none;
            /*color: #d54a32;
        border-color: #d54a32;*/
            background-color: #eee;
        }
.bl_ordbut {
}
    .bl_ordbut .bs_tab_name,
    .bl_ordbut .bs_tab_cost {
        font-size: 20pt;
    }

        .bl_ordbut .bs_tab_cost .kop {
            font-size: 20pt;
        }

        .bl_ordbut .bs_tab_cost .mtext,
        .bl_ordbut .price_all {
            font-size: 10pt;
        }
    .bl_ordbut .price_all,
    .bl_ordbut .summ {
        color: #026045;
    }

    .bl_ordbut .price-small {
        text-align: left;
    }
.sumtitle {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}
.csp {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

    .csp > input[type="checkbox"] {
        display: none;
    }

    .csp > label.strelka {
        /*border-left: 1px solid #d3d3d3;*/
        height: 24px;
        width: 24px;
        display: block;
        background-image: url(/images/upg.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px;
        box-sizing: border-box;
        transform: scaleY(-1);
        border-radius: 4px 0 0 4px;
        cursor: pointer;
    }

    /*.csp > label.strelka {
        display: block;
        cursor: pointer;
        text-align: center;
        width: 22px;
        height: 22px;
        line-height: 16px;
        border: 2px solid #ddd;
        cursor: pointer;
        color: #026045;
        box-sizing: border-box;
        font-size: 11pt;
    }*/

    .csp > input[type="checkbox"]:checked ~ .count-with-table_table {
        display: none;
    }

    .csp > input[type="checkbox"]:not(:checked) ~ .count-with-table_table {
        display: block;
    }

    .csp > input[type="checkbox"]:not(:checked) ~ label {
        transform: scaleY(1);
    }
.price-small > div > label.strelka {
    font-weight: bold;
    font-size: 11pt;
    border: 2px solid #ddd;
    cursor: pointer;
}

.dvtabs {
    margin: 10px 0 5px;
    color: #026045;
}
    .dvtabs .m3_li {
        margin: -5px 5px -5px -5px;
    }
.md_li02_ng {
    background-image: url("/images/deliv/im02_ng.svg");
}

.md_li8_ng {
    background-image: url("/images/deliv/im08_ng.svg");
}

.md_li11_ng {
    background-image: url("/images/deliv/im11_ng.svg");
}

.md_li2 {
    width: 30px;
    margin: -4px 0;
    margin-right: 5px;
}

.dp_im {
    width: 5px;
    height: 13px;
    vertical-align: middle;
    filter: grayscale(100%);
    margin: 0 5px;
}
.d2_title {
    font-weight: normal;
}

    .d2_title > img {
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        margin: -2px 0;
    }

.d2_date1, .d2_date2, .d2_date3, .d2_date4 {
    font-weight: bold;
}
hr.ddhr {
    height: 5px;
    margin: 10px -10px;
    background-color: #ddd;
    border: 0;
}

hr.ddhr2 {
    display: none;
}

.dp_im {
    width: 6px;
    height: 20px;
    vertical-align: middle;
    filter: grayscale(100%);
    margin: -5px 5px;
}

.dp_arr_p, .dp_arr_n {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5px,auto;
    background-image: url(/images/rightgr3_r.svg);
    position: absolute;
    top: calc(50% - 10px);
    z-index: 3;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    opacity: 0.6;
    background-color: white;
    cursor: pointer;
    filter: grayscale(100%);
    box-shadow: 0 0 2px rgba(0,0,0,.5);
}

    .dp_arr_p:hover, .dp_arr_n:hover {
        filter: unset;
        /*opacity: 1;*/
    }

.dp_arr_p {
    left: -10px;
    transform: scale(-1, 1);
}

.dp_arr_n {
    right: -10px;
}
.dpslider {
    margin-left: 35px;
    margin-right: 10px;
}

.dpslide, .dpslide2 {
    background-color: #e8e8e8;
    min-height: 65px;
    padding: 5px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 10pt;
}

.dpslide2 {
    min-height: 83px;
}
    .dpslide > div:first-child,
    .dpslide2 > div:first-child {
        font-weight: bold;
        color: #d54a32;
    }

.dpslider .slick-list {
    margin: 0 -5px;
}

.dpslider .slick-disabled {
    display: none;
    width: 0;
    height: 0;
    opacity: 0;
}

.dpslider .slick-slide {
    margin: 0 3px;
    opacity: 1;
}

.secp {
    padding: 0;
    padding-left: 15px;
}
.contwin {
    background-color: white;
    width: 1230px;
    max-width: 100%;
    position: absolute;
    z-index: 10001;
    box-sizing: border-box;
    min-height: 600px;
}

.contwin_head {
    padding: 10px;
}

.pr_stars {
}

    .pr_stars > div {
        display: inline-block;
        vertical-align: top;
    }

        .pr_stars > div > span {
            width: 20px;
            height: 18px;
            display: inline-block;
            background-image: url(/images/gray_star_b.svg);
            background-size: 20px 18px;
            background-position: center;
            margin: -2px -3px 0;
            overflow: hidden;
        }

            .pr_stars > div > span > span {
                display: block;
                overflow: hidden;
            }

                .pr_stars > div > span > span > img {
                    width: 20px;
                    height: 18px;
                }

    .pr_stars > span {
        font-size: 10pt;
        margin: 0 10px;
    }

    .pr_stars > a {
        text-decoration: underline;
    }
/*
.acc_contentWA {
    display:block;
    min-height:300px;
}.acc_m5 {
    margin-right: 10px;
    max-width: 240px;
}
.acc_m5_1 {
    margin: 0 10px;
    padding: 5px 0;
}
.acc_m5_1_bb {
    border-bottom: 1px solid black;
}
.acc_m5_0 {
    background-color: #e8e8e8;
    overflow: auto;
    cursor:pointer;
}
    .acc_m5_0 a {
        color: #4c4c4c;
        text-decoration: none;
    }
    .acc_m5_0:hover a {
        text-decoration: underline;
    }
.acc_m5_1_sub a {
    color: #d54a32;
}
.acc_m5_0_act {
    background-color: #65686b;
    overflow: auto;
}
    .acc_m5_0_act div {
        color: white;
    }
.acc_promo {
    width:100%;
    background-color: #e8e8e8;
    font-size:12pt;
    text-align:center;
    padding:20px 0;
}
.acc_cont_bord {
    width:100%;
    height:100%;
    border: 3px solid #e8e8e8;
}*/
/*login page*/
.cont-second {
    max-width: 313px;
    width: 100%;
    margin: 0 auto;
}

    .btn-with-img > input {
        display: block;
        color: #515252;
        width: 100%;
        outline: none;
        font-size: 11pt;
        height: 40px;
        padding: 5px;
        
        box-sizing: border-box;
        margin: 9px auto;
        border: 1px solid #898989;
        border-radius: 4px;
    }
.btn-with-chb {
    display: flex;
    align-items: center;
    margin: 9px 0;
}
    .btn-with-chb > input[type="checkbox"].uiel + div {
        margin-right: 5px;
    }
.btn-valid {
    top: -10px;
    position: relative;
}
.login-error {
    font-size: 12pt;
    color: red;
    text-align:center;
}
.login-second_btns > a {
    color: #333333;
    font-size: 10pt;
}

    .login-second_btns > a:last-child {
        float: right;
    }

.confirm-btn > input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    height: 40px;
    background: #65686b;
    border: none;
    color: white;
    border-radius: 4px;
    outline: none;
}

.login-social-btns-container {
    text-align: center;
    margin-top: 15px;
}

.login-social-btns {
    text-align:center;
}

    .login-social-btns > img, .login-social-btns > a {
        display: inline-block;
        margin: 10px 12px;
        height: 43px;
        width: 43px;
    }
    .login-social-btns > .googleauthentication,
    .login-social-btns > .mailruauthentication {
        display: block;
        width: 100%;
        height: unset;
        margin: 0 auto;
    }
        .login-social-btns > .googleauthentication > img {
            width: unset;
            margin-top: 0;
        }
        .login-social-btns > .mailruauthentication > img {
            width: unset;
            margin-top: 10px;
        }

.header-2, .header-2 > a {
    font-family: "Open Sans",sans-serif;
    font-size: 11pt;
    text-align: center;
    /* height: 40px; */
    margin: 15px 0 0 0;
}
.dvn {
    background-color: white;
    width: 380px;
    padding: 10px;
    position: absolute;
    z-index: 10000000001;
    box-sizing: border-box;
    border-radius: 10px;
}
.dvn_header {
    display: table;
    width: 100%;
    border-bottom: 1px solid gray;
    margin: 0 0 10px;
}
    .dvn_header > div {
        display: table-row;
    }
        .dvn_header > div > div {
            display: table-cell;
            padding: 5px 0;
            font-size:12pt;
        }
        .dvn_header > div > div:last-child {
            text-align:right;
        }
.dvn input[type=text] {
    width: 100%;
    box-sizing: border-box;
    font-size: 14pt;
    margin: 10px 0;
    padding: 10px 5px;
    outline: none;
}
.dvn > div:last-child {
    height: 60px;
    width: 100%;
}
.dvn > div> .card_but1_basket {
    float: right;
}

.c1, .c2, .c3, .c4, .c5 {
    display: table;
    width: 100%;
    table-layout: unset;
    border-collapse: collapse;
}
.calcpriceper {
    display: none;
}

.c1_tr, .c2_tr, .c3_tr, .c4_tr, .c5_tr {
    display: table-row;
}

.c1_td, .c2_td, .c3_td, .c4_td, .c5_td {
    display: table-cell;
}

.c5, .c1 {
    width: 100%;
}
@keyframes wtsh {
    to {
        text-shadow: 0 0 5px #FFFF00;
    }
}
.c4_td, .c5_td {
    font-size: 10pt;
    padding: 2px;
    vertical-align: middle;
}
    .c4_td:first-child {
        width: 35%;
        vertical-align: middle;
        padding-right: 5px;
        /*white-space: nowrap;*/
    }
    .c4_td:last-child {
        width: auto;
        vertical-align: middle;
        padding-right: 0;
        /*white-space: nowrap;*/
    }

.c4_tr_urg > .c4_td {
    /*padding-top: 15px;*/
    border-top: 2px solid #ddd;
}

/*.c4_tr_change .c4_td_title {
    animation: wtsh 2s forwards 1;
}
*/
.c4_imageui {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    max-width: 300px;
    width: 100%;
}

    .c4_imageui > div {
        align-self: flex-start;
        text-align: center;
        padding: 3px 5px 2px;
        /*border-radius: 5px;
        border-width: 1px;
        border-style: solid;
        border: 1px solid transparent;*/
        width: 20%;
        box-sizing: border-box;
        cursor: pointer;
        font-size: 8pt;
    }

        .c4_imageui > div.c4_imageui_sel {
            border-color: #d54a32;
            color: #d54a32;
        }

            .c4_imageui > div.c4_imageui_sel .uiimg {
                filter: unset;
            }

            .c4_imageui > div.c4_imageui_sel .uiimgcol {
                border-width: 1px;
                border-style: solid;
            }

        .c4_imageui > div.c4_imageui_disabled {
            color: #aaa;
            cursor: default;
        }

            .c4_imageui > div.c4_imageui_disabled .uiimg {
                filter: opacity(0.4) grayscale(100%);
            }

        .c4_imageui > div > div:first-child {
            width: 100%;
        }

    .c4_imageui .uiimg, .c4_imageui .uiimgcol {
        max-height: 120px;
        width: 100%;
        box-sizing: border-box;
        object-fit: contain;
    }

    .c4_imageui .uiimg {
        filter: brightness(75%) grayscale(100%);
    }
.c4_imagename {
    position: absolute;
    text-align: center;
    width: 100%;
    color: #d54a32;
}
.c4_imageui2 {
    max-width: unset;
    /*margin: 0 -10px;
    overflow-x: hidden;
    width: calc(100% + 20px);*/
}

    .c4_imageui2 > div {
        /*margin: 3px 10px 2px;
        padding: unset;
        width: calc(25% - 20px);*/
    }

    .c4_imageui2 > div > div:first-child {
        height: unset;
    }
    .c4_imageui2 .uiimg {
        max-height: 120px;
    }

.c4_wwwmsg {
    color: #9b8c7c;
    padding-bottom: 5px;
}
.calc_add_text {
    text-align: justify;
    color: #090;
    padding: 2px;
    margin: 5px 0;
}

.nowrap {
    white-space: nowrap;
}
.c4_tt {
    display: inline;
    cursor:pointer;
}
.tooltip, .tooltip_new {
    cursor: pointer;
    /*color: #d54a32;
    font-style: normal;
    font-weight: normal;*/
    content: none;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("/images/pm13_2.svg");
    display: inline-block;
    /* border: 2px solid #ddd;
    text-align: center;
    border-radius: 100px;
    line-height: 13px;
    color: #026045;
    font-size: 10pt;*/
    margin: 0 0 -2px 0;
}
.tooltipspa {
    cursor: pointer;
    display: inline-block;
    text-decoration: underline dotted;
    color: #666;
    margin-left: 5px;
    margin-bottom: 5px;
}
/*.tooltip_new {
    display: inline-block;
    text-align: center;
    width: 22px;
    height: 22px;
    line-height: 16px;
    border: 2px solid #ddd;
    cursor: pointer;
    color: #026045;
    box-sizing: border-box;
    font-size: 11pt;
}*/
.wtooltip {
    position: absolute;
    z-index: 9999;
    max-width: 400px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    background-color: white;
    box-sizing: border-box;
    /*margin-right: 7px;
    margin-left: 7px;*/
    width: 100%;
    padding: 0;
    border: 2px solid #65686b;
}
    .wtooltip img {
        margin-top: 3px;
        width: 100%;
        max-width: 400px;
    }
    .wtooltip table {
        width: 100%;
        max-width: 390px;
        font-size: 8pt;
        text-align: center;
        border-collapse: collapse;
        margin: auto;
    }
        .wtooltip table > thead > tr{
            background: #65686b;
            color: #fff;
        }
        .wtooltip table td, 
        .wtooltip table th {
            padding: 3px;
        }
.tname {
    float: left;
    width: calc(100% - 26px);
    margin-bottom: 5px;
    
    font-weight: bold;
}
.textblock .tthead {
    margin: 25px 0 10px;
}
.ttblock .tname {
    float: none;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0px;
}

.tkrest {
    float: right;
    margin: 4px 0 6px 8px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/images/krest.svg");
    cursor: pointer;
}

    .tkrest:hover {
        background-image: url("/images/krest_g.svg");
    }

.tcont {
    padding: 8px;
}

.tbl, .tbot {
    background-color: #65686b;
    padding: 8px;
    color: white;
}
    .tbl::after {
        content: "";
        display: block;
        clear: both;
    }

.kop {
    font-size: 8pt;
}
.summs {
    color: #d54a32;
}
/*.summ {
    color: #090;
    font-weight: bold;
}*/
.summold {
    display: none;
    color: gray;
    text-decoration: line-through;
}
.bs_tab_cost .kop {
    font-size: 10pt;
}
.right {
    text-align: right;
}
.dtru {
    margin: 10px 0;
}
.d_f {
    margin: 0 -3px;
}
.d_f .right {
    margin-right: 3px;
}
.d_hide {
    display:none;
}
.d_i {
    display: inline-block;
    padding: 5px 3px;
    box-sizing: border-box;
}
    .d_i > input,
    .d_i > select {
        width: 100%;
        outline: none;
    }
.d_t1 {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #DDD;
    padding: 0 5px;
    border-radius: 10px;
    margin: 5px 0;
    background-color: rgb(238, 238, 238);
}
.d_t2 {
    padding: 5px 0;
    font-size: 10pt;
    width: 100%;
    box-sizing: border-box;
    display: block;
}
.d_t3 {
    width: 15px;
    height: 20px;
    float: right;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/images/upg.svg");
}

.d_d1 {
    display: table;
    padding: 5px 0 10px 0;
    width: 100%;
}
    .d_d1 > div, 
    .d_d1 > label {
        display: table-row;
    }
        .d_d1 > div > div,
        .d_d1 > label > div,
        .d_d1 > label > span {
            display: table-cell;
            padding: 3px 0;
        }
            .d_d1 > div > div.d_d2 {
                font-weight: bold;
                padding-top: 5px;
                padding-left: 3px;
            }
        .d_d1 > label > .d_d5 {
            padding-left: 3px;
        }
.d_d1_add {
    cursor: pointer;
    padding: 0 0 10px 20px;
    color: #d54a32;
}
    .d_d1_add:hover {
        text-decoration: underline;
    }
.d_d3 {
    white-space:nowrap;
    text-align:right;
}
.d_d3,.d_d4 {
    vertical-align:middle;
}
    /*.d_d3 > input, .d_d4 > input {
    }*/
.d6_disabled {
    color: #999;
}
.d_deliv > .pn0 {
    display: none;
}
.d_deliv0 > .pn0 {
    display: unset;
}
.d_deliv0 > .pn1 {
    display: none;
}

.acc_pad {
    padding-top: 10px;
}
#bas_dw_b {
    display: none;
}
.inputerror, .input-validation-error, .inputerror > input {
    border-color: red;
}

    .inputerror + br + span, .input-validation-error + br + span, .inputtexterror, .field-validation-valid, .field-validation-error {
        color: #fc1313;
        font-size: 12px;
        font-style: italic;
    }
.acc_inp > input, 
.acc_inp > textarea {
    box-sizing: border-box;
    margin: 4px auto;
    border: 1px solid #898989;
    border-radius: 4px;
    width: 100%;
    padding: 10px 5px;
    font-size: 11pt;
}

.cropicon{
    display:inline-block;
    width:18px;
    height:18px;
    text-align:center;
    background-image:url(/images/crop_icon_r.svg);
    background-position:center;
    background-repeat:no-repeat;
    margin:-4px 0;
}

.podram {
    display: flex;
    justify-content: center;
    align-items: stretch;
}

    .podram > .pm_main, .podram > .pm_right {
        margin-top: 10px;
    }

    .podram > .pm_right {
        overflow: hidden;
    }

.pm_main {
    position: relative;
    transform: perspective(100px) rotatey(-1.6deg);
    transform-origin: right center;
    text-align: right;
    
}

    .pm_main > img {
        max-width: 100%;
        max-height: 100%;
        display:block;
    }

.pm_imgblock {
    max-width: 100%;
    max-height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: white;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-right: 0;
}

    .pm_imgblock > img {
        display: block;
        position: absolute;
    }

.inrul {
    position: relative;
    margin-top: 15px;
    margin-left: 15px;
    box-shadow: 0 0 4px rgba(0,0,0,.5);
}
.inbag > .pm_ugol {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 20%;
}
    .inbag > .pm_ugol > div {
        position: relative;
    }
        .inbag > .pm_ugol > div > .pm_top {
            display: block;
            position: absolute;
            height: 5px;
            background-color: white;
            z-index: 1;
            top: -5px;
            left: 29%;
            right: -5px;
        }
        .inbag > .pm_ugol > div > .pm_right {
            display: block;
            position: absolute;
            background-color: white;
            z-index: 1;
            right: -5px;
            width: 5px;
            top: -5px;
            bottom: 29%;
        }
        .inbag > .pm_ugol > div > img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            z-index: 2;
        }

.inbag {
    position: relative;
    margin-top: 15px;
    margin-left: 15px;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
}
    .inbag .inpas {
        padding: 100px;
    }
    
    .inbag .inpas1,
    .inbag .inpas2,
    .inbag .inpas3 {
        max-height: 100%;
        max-width: 100%;
    }

    .inbag > .inb2,
    .inbag > .inb8 {
        position: absolute;
        left: 0;
        right: 0;
        height: 50px;
        background-size: auto 100%;
        z-index: 7;
    }
    .inbag > .inb2 {
        top: 0;
    }
    .inbag > .inb8 {
        bottom: 0;
        transform: scale(-1);
    }
    .inbag > .inb4,
    .inbag > .inb6 {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 50px;
        background-size: 100% auto;
        z-index: 7;
    }
    .inbag > .inb4 {
        left: 0;
        z-index: 8;
    }

    .inbag > .inb6 {
        right: 0;
        transform: scale(-1);
        z-index: 8;
    }
    .inbag > .inb1,
    .inbag > .inb3,
    .inbag > .inb7,
    .inbag > .inb9 {
        position: absolute;
        background-size: 100%;
        z-index:10;
    }
    .inbag > .inb1{
        top:0;
        left:0;
    }
    .inbag > .inb3 {
        top: 0;
        right: 0;
        transform: scale(-1,1);
    }
    .inbag > .inb7 {
        left: 0;
        bottom: 0;
        transform: scale(1,-1);
    }
    .inbag > .inb9 {
        right: 0;
        bottom: 0;
        transform: scale(-1,-1);
    }

.pm_hr {
    position: absolute;
    border-top: 1px solid #f7792c;
    width: 100%;
    top: -12px;
    left: 0;
}

    .pm_hr > span {
        display: inline-block;
        position: absolute;
        background-color: white;
        top: -13px;
        padding: 0 10px;
        font-size: 11pt;
        left: 50%;
        margin-left: -27px;
    }

    .pm_hr:before {
        top: -4px;
        transform: rotate(-45deg);
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        border-top: 1px solid #f7792c;
        border-left: 1px solid #f7792c;
        position: absolute;
    }

    .pm_hr:after {
        top: -4px;
        right: 0;
        transform: rotate(135deg);
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        border-top: 1px solid #f7792c;
        border-left: 1px solid #f7792c;
        position: absolute;
    }

.pm_vr {
    position: absolute;
    border-left: 1px solid #f7792c;
    height: 100%;
    left: -15px;
    top: 0;
    text-align: center;
    transform-origin: left bottom;
}

    .pm_vr > span {
        position: absolute;
        background-color: white;
        display: block;
        transform: rotate(-90deg);
        top: 50%;
        transform-origin: left;
        margin-top: 50%;
        white-space: nowrap;
        padding: 0 5px;
        font-size: 12pt;
    }

    .pm_vr:before {
        left: -4px;
        transform: rotate(45deg);
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        border-top: 1px solid #f7792c;
        border-left: 1px solid #f7792c;
        position: absolute;
    }

    .pm_vr:after {
        left: -4px;
        bottom: 0;
        transform: rotate(-135deg);
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        border-top: 1px solid #f7792c;
        border-left: 1px solid #f7792c;
        position: absolute;
    }



.pm_right {
    width: 20px;
    transform: perspective(100px) rotatey(23deg);
    transform-origin: left center;
}

    .pm_right > div {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        /*
        background-position-x: right;
        background-size: auto 100%;*/
        transform: scaleX(-1);
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-right: 0;
        border-left: 0;
    }
        .pm_right > div > img {
            position: absolute;
            filter: brightness(0.5);
        }

        .pm_right > div > div {
            width: 100%;
            height: 100%;
            /*background-color: rgba(0, 0, 0, 0.5);*/
        }
.pb_calctext {
    cursor: pointer;
    font-size: 11pt;
}
.pb_calc {
    height: 70px;
    max-width: 170px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.pb_bagselect {
    width: 100%;
    height: 100px;
}
    .pb_bagselect  div.pb_slide {
        display: inline-block;
        width: 33%;
        height: 100px;
        box-sizing: border-box;
        padding: 0 2px;
    }
        .pb_bagselect div.pb_slide label {
            position: relative;
            box-sizing: border-box;
            border: 1px solid transparent;
            border-radius: 10px;
            display: block;
            width: 100%;
            height: 100px;
            text-align: center;
            background-position-x: right;
            background-size: auto 100%;
            background-repeat: no-repeat;
            cursor: pointer;
        }
            .pb_bagselect div.pb_slide  label > span.pb_bgcolor {
                display: block;
                width: 80%;
                height: 70px;
                box-shadow: 0 0 4px rgba(0,0,0,0.5);
                margin: 5px auto;
                /*clip-path: polygon(0 0,30% 100%, 100% 100%, 70% 0);*/
            }
            .pb_bagselect div.pb_slide  label > span.pb_name {
                display: inline-block;
                background-color: white;
                padding: 0 3px;
                border-radius: 8px;
            }
            .pb_bagselect div.pb_slide label > div.pb_price {
                position: absolute;
                text-align: center;
                left: 0;
                right: 0;
                bottom: 0;
            }
                .pb_bagselect div.pb_slide label > div.pb_price > span {
                    display: inline-block;
                    background-color: white;
                    padding: 0 3px;
                    border-radius: 8px;
                    font-size: 8pt;
                }
            .pb_bagselect div.pb_slide  label > input {
                display: none;
            }
            .pb_bagselect div.pb_slide  label.pb_slidechecked {
                border-color: #d54a32;
                color: #d54a32;
            }
    .pb_bagselect div.pb_slide_vert {
        display: block;
        width: 100%;
        height: 100px;
    }
        .pb_bagselect div.pb_slide_vert label > span.pb_name {
            border-bottom-right-radius: 0;
        }
        .pb_bagselect div.pb_slide_vert label > div.pb_price {
            position: unset;
            display: inline-block;
        }
            .pb_bagselect div.pb_slide_vert label > div.pb_price > span {
                border-bottom-left-radius: 0;
                font-size: unset;
            }

.d_selst {
    display: flex;
    flex-wrap: wrap;
    margin: 10px -3px;
}
    .d_selst > label {
        cursor: pointer;
        width: calc(33.3% - 6px);
        margin: 3px;
        box-sizing: border-box;
        border: 1px solid #999;
        text-align: center;
        min-height: 36px;
        display: flex;
        align-items: center;
        justify-content:center;
    }
    .d_selst > input:checked + label {
        color: #009900;
        border-color: #009900;
    }
        .d_selst > input {
            display: none;
        }
/*max-width: 1024px   */
@media screen and (max-width: 1024px) {
    .divtabs {
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .tab_accordion {
        display: none;
    }

    ul.tabs li {
        padding: 10px;
        background-color: white;
        color: #777;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
    }

        ul.tabs li.active {
            background-color: white;
            color: #333;
            border-bottom: 3px solid #333;
        }

    .dp_im {
        float: right;
    }

    .dp_arr_p, .dp_arr_n {
        display: none;
        width: 0;
        height: 0;
        opacity: 0;
    }

    .bl_ordbut > div.sticky {
        position: fixed;
        height: 70px;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10px;
        box-sizing: border-box;
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
        z-index: 1;
        background-color: white;
    }

    hr.ddhr {
        margin: 10px -10px;
    }

    hr.ddhr2 {
        display: block;
    }

    .p1_1r {
        margin-left: 0;
        width: unset;
        min-width: unset;
        padding-top: 0;
    }

    .acc_title > .header {
        margin: 10px auto 15px;
        /*margin: 20px auto;*/
    }

    #tab1 {
        margin: 0;
    }

    .card_tab {
        display: block;
    }

        .card_tab > div {
            display: block;
        }

    .acc_bas {
        display: block;
        width: 100%;
        padding: 1px 0;
    }

        .acc_bas > div {
            display: block;
        }
            .acc_bas > div > div {
                display: block;
                width: 100%;
                max-width: 600px;
                margin: 10px auto;
            }
    .acc_bas_right {
        padding-left:0;
    }
    .acc_bas_top {
        max-width: 600px;
        margin: 10px auto 0;
    }
        .acc_bas_top:after {
            content: "";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
        }
    #tab2, #bas_sum {
        display: block;
        width: 100%;
        max-width: 600px;
        margin: 10px auto;
    }
        #bas_sum > div {
            margin-left: 0;
        }
    .basfilter {
        max-width: 590px;
        margin: 6px auto 0;
    }
    .card {
        display: block;
        width: 100%;
        max-width: 600px;
        margin: 10px auto;
        box-sizing: border-box;
        padding: 8px;
    }

    .card_but {
        padding: 8px;
    }
    #bas_dw_b{
        display:block;
    }
}

@media screen and (max-width: 667px) {
    .dvn {
        width: 100%;
    }

    .ismedia667 {
        display: none;
    }
    .acc_bothead {
        font-size: 12pt;
    }

    .acc_botcont {
        font-size: 10pt;
    }
    .acc_botban6 {
        height: 234px;
        background-size: auto 100%;
    }

        .acc_botban6:hover {
            text-decoration: none;
        }

        .acc_botban6 h2 {
            font-size: 32pt;
        }

        .acc_botban6 div {
            font-size: 12pt;
        }
    .acc_botban7 {
        height: 170px;
    }
}

@media screen and (max-width: 500px) {
    .card_but_t {
        font-size: 11pt;
    }

    .card_but2_b, .card_but2_bd {
        font-size: 10pt;
        padding: 0 3px;
    }

    
}