#sel-21-btn-2,
#sel-21-btn-4 {
    display: none !important;
}

.dad-calc-wrap {
    text-align: center;
}

.selection-3-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 60% 40%;
    grid-template-columns: 60% 40%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.dad-calc-wrap {
    width: 900px;
    margin: 0 auto;
    font-family: "Exo", Sans-serif;
    color: #202020;
    text-align: center;
    overflow: auto;
}

#calc h2 {
    font-weight: normal;
    text-align: center;
    font-family: "Exo", Sans-serif;
}

/*Табы переключания калькуляторов*/
.selection-1-block {
    text-align: center;
}

#sel-1-btn-1,
#sel-1-btn-2,
#sel-1-btn-3,
#sel-1-btn-4 {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    text-align: center;
    background-color: #fff;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
    -webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
    color: #222;
    background-color: #eee;
    margin: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom-right-radius: 15px;
}

.selected-in-sel-1 {
    color: var( --e-global-color-accent, #FFD06E ) !important;
    background-color: #fff !important;
}

#sel-1-btn-1:hover,
#sel-1-btn-2:hover,
#sel-1-btn-3:hover,
#sel-1-btn-4:hover {
    color: var( --e-global-color-accent, #FFD06E ) !important;
}

#selection-2-block {
    text-align: left;
    font-size: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    display: none;
    padding-right: 30px;
}

#selection-22-block {
    display: none;
}

#sel-2-btn-1,
#sel-2-btn-2,
#sel-2-btn-3,
#sel-2-btn-4,
#sel-2-btn-5,
#sel-2-btn-6,
#sel-2-btn-7 {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    margin-left: 15px;
    margin-right: 15px;

}

#sel-2-btn-1 {
    line-height: 38px;
}

#sel-2-btn-2,
#sel-2-btn-3,
#sel-2-btn-4,
#sel-2-btn-5 {
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 10px 0px;
    line-height: 18px;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#sel-2-btn-6,
#sel-2-btn-7 {
    float: right;
    cursor: pointer;
    width: 75px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 18px;
    margin-right: 0;
    margin-left: 0;
    -webkit-transition: fill 0.3s, background-color 0.3s;
    -o-transition: fill 0.3s, background-color 0.3s;
    transition: fill 0.3s, background-color 0.3s;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #eee;
    fill: #202020;
}

.selected-in-sel-2 {
    background-color: #FFD06E;
}

#sel-2-btn-2:hover,
#sel-2-btn-3:hover,
#sel-2-btn-4:hover,
#sel-2-btn-5:hover {
    background-color: #FFD06E;
}

.selected-in-sel-2a {
    -webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08) !important;
    background-color: #fff !important;
    fill: #FFD06E !important;
    color: #FFD06E !important;
}

#sel-2-btn-6:hover,
#sel-2-btn-7:hover {
    fill: #FFD06E !important;
    color: #FFD06E;
}

.tires-btn-title {
    font-size: 12px;
    line-height: 12px;
    height: 24px;

}

#sel-2-btn-7>div {
    padding-top: 5px;
}

#selection-21-block {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 20px;
}

#sel-21-btn-1 {
    display: block;
    text-align: center;
}

#sel-21-btn-0,
#sel-21-btn-2,
#sel-21-btn-3,
#sel-21-btn-4,
#sel-21-btn-5,
#sel-21-btn-6,
#sel-21-btn-7,
#sel-21-btn-8,
#sel-21-btn-9,
#sel-21-btn-10,
#sel-21-btn-11,
#sel-21-btn-12,
#sel-21-btn-13,
#sel-21-btn-14,
#sel-21-btn-15,
#sel-21-btn-16 {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    margin-left: 15px;
    margin-right: 15px;
    width: 116px;
    text-align: center;
}

#sel-21-btn-1 {
    line-height: 38px;
    margin-top: 15px;
}

#sel-21-btn-0,
#sel-21-btn-2,
#sel-21-btn-3,
#sel-21-btn-4,
#sel-21-btn-5,
#sel-21-btn-6,
#sel-21-btn-7,
#sel-21-btn-8,
#sel-21-btn-9,
#sel-21-btn-10,
#sel-21-btn-11,
#sel-21-btn-12,
#sel-21-btn-13,
#sel-21-btn-14,
#sel-21-btn-15,
#sel-21-btn-16 {
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 10px 0px;
    line-height: 18px;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    margin-top: 15px;
}

.selected-in-sel-21 {
    background-color: #FFD06E;
}

#sel-21-btn-0:hover,
#sel-21-btn-2:hover,
#sel-21-btn-3:hover,
#sel-21-btn-4:hover,
#sel-21-btn-5:hover,
#sel-21-btn-6:hover,
#sel-21-btn-7:hover,
#sel-21-btn-8:hover,
#sel-21-btn-9:hover,
#sel-21-btn-10:hover,
#sel-21-btn-11:hover,
#sel-21-btn-12:hover,
#sel-21-btn-13:hover,
#sel-21-btn-14:hover,
#sel-21-btn-15:hover,
#sel-21-btn-16:hover {
    background-color: #FFD06E;
}

.selection-3-block,
.ui-slider-handle {
    outline: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.sel-3-l {
    margin-top: 60px;
    text-align: left;
    width: 500px;
    display: inline-block;
}

#sel-3-l-1,
#sel-3-l-2,
#sel-3-l-15,
#sel-3-l-25 {
    display: inline-block;
    vertical-align: top;
}

#sel-3-l-25 {
    display: none;
}

#sel-3-l-15 {
    color: transparent;
}

#sel-3-l-15,
#sel-3-l-25 {
    margin-top: 60px;
}

#sel-3-l-1,
#sel-3-l-15 {
    width: 100px;
}

#sel-3-l-15 {
    margin-top: 25px;
}

#slider-1 {
    width: 350px;
    height: 10px;
    background: #eee;
    position: relative;
    margin: 0 auto;
    padding: 0px 10px;
    position: relative;
}

#slider-2 {
    width: 350px;
    height: 10px;
    background: #eee;
    position: relative;
    margin: 0 auto;
    padding: 0px 10px;
    position: relative;
}

#slider-3 {
    width: 350px;
    height: 10px;
    background: #eee;
    position: relative;
    margin: 0 auto;
    padding: 0px 10px;
    position: relative;
    display: none;
}

#slider-4 {
    width: 350px;
    height: 10px;
    background: #eee;
    position: relative;
    margin: 0 auto;
    padding: 0px 10px;
    position: relative;
    display: none;
}

#slider-result-1,
#slider-result-2,
#slider-result-3,
#slider-result-4 {
    text-align: center;
    position: absolute;
    top: -33px;
    left: -40px;
    color: var(--e-global-color-text, #000);
    font: 16px sans-serif;
    padding: 5px 0;
    width: 100px;
    cursor: default;
}

.ui-slider-handle {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -8px;
    margin-left: -12px;
    z-index: 200;
    background: #fff;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    text-align: center;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ui-slider-handle-center {
    width: 8px;
    height: 8px;
    background: var( --e-global-color-accent, #FFD06E );
    display: inline-block;
    border-radius: 50%;
}

.ui-widget-header {
    background: var( --e-global-color-accent, #FFD06E );
    height: 10px;
    left: 1px;
    top: 0px;
    position: absolute;
}

#num-1-1,
#num-2-1,
#num-3-1,
#num-4-1 {
    position: absolute;
    left: 0;
    font-size: 12px;
    top: 15px;
}

#num-1-2,
#num-2-2,
#num-3-2,
#num-4-2 {
    position: absolute;
    right: 0;
    font-size: 12px;
    top: 15px;
}

#sel-3-l-3 {
    margin-top: 30px;
    padding: 10px;
    font-size: 12px;
}

.sel-3-r {
    float: right;
    margin-top: 50px;
}

#sel-3-price-per,
#your-economy,
#dad-arend-btn {
    margin: 5px auto;
}

#sel-3-price-per span {
    font-size: 18px;
    color: #3c3c3c;
    margin-right: 5px;
}

#dad-total-cost {
    font-size: 36px !important;
    color: var( --e-global-color-accent, #FFD06E ) !important;
}

#your-economy {
    color: #9e9e9e;
    font-size: 18px;
}

#dad-arend-btn,
#dad-submit-btn {
    background-color: var( --e-global-color-accent, #FFD06E );
    -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 25px 0px;
    line-height: 52px;
    text-align: center;
    width: 230px;
    margin-top: 20px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    border: none;
    font-size: 16px;
    color:var(--e-global-color-text, #000);
}

#dad-arend-btn:hover,
#dad-submit-btn:hover {
    background-color: #222;
    color: #fff;
}

#dad-arend-btn span,
#dad-submit-btn span {
    padding-left: 25px;
}

#dad-arend-btn span svg,
#dad-submit-btn span svg {
    fill: #222;
}

#dad-modal-wrap {
    background-color: rgba(55, 55, 55, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    display: none;
}

.dad-modal-body {
    background-color: #fff;
    max-width: 350px;
    text-align: center;
    border-radius: 0px 0px 50px 0px;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.dad-modal-body input {
    width: 250px;
    margin-top: 15px;
    padding: 7px;
}

#dad-textareae {
    margin-top: 15px;
    resize: none;
    padding: 7px;
}

#dad-close-btn {
    font-size: 26px;
    color: var( --e-global-color-accent, #FFD06E );
    position: absolute;
    top: -10px;
    right: 10px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

#dad-close-btn:hover {
    color: #222;
}

#dad-modal-wrap>div>h2 {
    margin-top: 0px;
}

#dad-submit-btn {
    width: 260px;
}

#lock-svg,
#lock-svg-2 {
    height: 15px;
}

body>div.elementor.elementor-6>div>div>section.elementor-element.elementor-element-068ef5a.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
    z-index: 2 !important;
}

body>div.elementor.elementor-6>div>div>section.elementor-element.elementor-element-2d9b406.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
    z-index: 0 !important;
}

body>div.elementor.elementor-6>div>div>section.elementor-element.elementor-element-9f63694.first_display.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section>div.elementor-container.elementor-column-gap-default>div>div>div>div>section.elementor-element.elementor-element-aaf781b.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-inner-section {
    z-index: 1;
}

#hranim {
    z-index: 0 !important;
}

#dad-total-cost {
    display: inline-block;

}

#sel-21-btn-2,
#sel-21-btn-4 {
    display: none;
}

#selection-22-block>h3 {
    text-align: center !important;
}

#sel-3-l-15 {
    color: #222;
    display: none;
}

@media (max-width: 500px) {

    #sel-1-btn-1,
    #sel-1-btn-2,
    #sel-1-btn-3 {
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
        line-height: 1.2;
        padding: 10px;
    }

    #sel-21-btn-0,
    #sel-21-btn-2,
    #sel-21-btn-3,
    #sel-21-btn-4,
    #sel-21-btn-5,
    #sel-21-btn-6,
    #sel-21-btn-7,
    #sel-21-btn-8,
    #sel-21-btn-9,
    #sel-21-btn-10,
    #sel-21-btn-11,
    #sel-21-btn-12,
    #sel-21-btn-13,
    #sel-21-btn-14,
    #sel-21-btn-15,
    #sel-21-btn-16 {
        margin-top: 3px;
        margin-right: 5px !important;
        margin-left: 5px !important;
    }

    #slider-1,
    #slider-2,
    #slider-4,
    #sel-2-btn-1,
    #sel-2-btn-2,
    #sel-2-btn-3,
    #sel-2-btn-4,
    #sel-2-btn-5,
    #sel-2-btn-6,
    #sel-2-btn-7 {
        width: 80% !important;
    }

    #calc>div>div>div.elementor-element.elementor-element-19459ab.elementor-column.elementor-col-33.elementor-inner-column,
    #calc>div>div>div.elementor-element.elementor-element-f1892a1.elementor-column.elementor-col-33.elementor-inner-column {
        display: none !important;
    }

    .dad-modal-body,
    #dad-modal-wrap>div>form>input,
    #dad-submit-btn,
    #dad-textareae {
        width: 90% !important;
    }

    #dad-modal-wrap {
        height: 120vh !important;
    }

    /*new style 21-09-2019*/
    #slider-3 {
        width: 80%;
    }

    .sel-3-l {
        display: block;
        margin-top: 0;
    }

    .sel-3-r {
        margin-top: 0;
    }

    #selection-21-block {
        margin-top: 0;
    }

    #sel-3-l-1 {
        margin: 0 auto !important;
    }

    #sel-3-price-per {
        margin: 0 auto;
    }

    #calc h2 {
        margin: 0 auto;
        font-size: 1.6rem;
    }

    #selection-2-block {
        margin: 0 auto;
        padding-right: 0px;
    }

    /*Табы переключатель услуг*/
    .selection-1-block {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        grid-gap: 10px;
        max-width: 100%;
    }

    /*Заголовок в калькуляторе*/


    .selection-1-block>div {
        font-size: 14px !important;
    }
}

/*Адаптивность*/
@media screen and (max-width:1200px) {

    /*Радиус шин*/
    .diameter {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
        grid-gap: 10px;
        margin-bottom: 10px;
        justify-items: center;
    }

    /*Переключатель Шины и Шины с диском*/
    .toogle-tires {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(100px, 50%));
        justify-items: center;
        margin-top: 20px;
    }

    .toogle-tires div#sel-2-btn-6 {
        margin-top: 0 !important;
    }

    .selection-3-block {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .selection-3-block,
    .ui-slider-handle {
        text-align: center;
    }

    .dad-calc-wrap {
        width: auto !important;
    }

    .sel-3-l {
        width: auto !important;
    }

    .sel-3-r {
        float: none !important;
    }

    .sel-3-l {
        text-align: center !important;
    }

    #sel-3-l-1,
    #sel-3-l-2,
    #sel-3-l-15,
    #sel-3-l-25 {
        width: 80% !important;
        margin: 10px auto !important;
        text-align: center !important;
    }

    #selection-2-block,
    #selection-21-block {
        text-align: center !important;
    }

    #sel-2-btn-1,
    #sel-2-btn-2,
    #sel-2-btn-3,
    #sel-2-btn-4,
    #sel-2-btn-5,
    #sel-2-btn-6,
    #sel-2-btn-7 {
        width: 60% !important;
        float: none !important;
    }

    #sel-21-btn-1 {
        display: block;
    }

    #sel-21-btn-0,
    #sel-21-btn-2,
    #sel-21-btn-3,
    #sel-21-btn-4,
    #sel-21-btn-5,
    #sel-21-btn-6,
    #sel-21-btn-7,
    #sel-21-btn-8,
    #sel-21-btn-9,
    #sel-21-btn-10,
    #sel-21-btn-11,
    #sel-21-btn-12,
    #sel-21-btn-13,
    #sel-21-btn-14,
    #sel-21-btn-15,
    #sel-21-btn-16 {
        display: inline-block;
        float: none !important;
        width: 25%;
    }

    #sel-2-btn-6,
    #slider-1,
    #slider-2,
    #slider-3,
    #slider-4 {
        margin-top: 20px !important;
    }

    #sel-3-price-per,
    #your-economy {
        text-align: center !important;
    }

    .sel-3-l {
        margin-top: 20px;
    }
}