/* Всплывающая форма начата */
.absCenter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; flex-direction: column}

.d--close,.d--Inner a,.d--but, .d--show, .ani--box
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

.d--dialog{display: none;background-color: rgba(78,78,78,.3);position: fixed;top:0;left:0;width:100%;height:100%;z-index: 1100;}
.d--dialog * {box-sizing: border-box;}
.d--inner {background-color: #fff;padding:50px;position: relative;min-width: 320px;max-width: 490px;max-height:calc(90vh - 100px);-webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);text-align: center;border-radius: 20px;}
.d--inner h2{font-family: 'Roboto',Verdana,sans-serif;font-size: 24px; font-weight: 600;line-height: 32px;margin-bottom:14px;text-align: left}
.d--inner > div{display: none}
.d--inner > div.d--close{display: flex}
.d--inner > .d--active{display: block}

.d--close{position: absolute;right: 15px;top:15px;width: 36px;height:36px;cursor:pointer;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: rgba(90,92,104,.05)}
.d--close svg{fill:#9CA0A9;stroke:#9CA0A9;width: 12px;height: 12px;transition: .4s}
.d--close:hover svg{fill:var(--a);stroke:var(--a);}

.d--title{color:  #000;font-size: 30px;font-style: normal;font-weight: 600;line-height: 36px;text-transform: uppercase;}

.d--inner .d--input{width: 100%;height: 52px;border-radius: 12px;border: 1px solid #E8EBF1;padding: 0 20px;background-color: #fff;background-image: none;margin: 0;display: inline-block;outline: 0;color:#000;font-size: 1rem;line-height: 52px;transition: .4s}
.d--inner .d--input:hover{border-color:#adadad}
.d--inner textarea.d--input{min-height: 90px;margin-top: 16px;max-width: 100%;max-height: 250px;min-width: 100%}

.d--double {display: flex;gap:8px;}
.d--double .d--row{width: 50%}

/* Нашли дешевле     */
div.d--LINK {width: 100%}
.d--inner.d--wide {max-width: 1200px;width: 100%}
.d--product {display: flex;gap:var(--gap);margin-top: 20px;}
.d--product-category {margin-bottom: 12px;color:#9CA0A9;font-size: 16px;line-height: 20px;}
.d--product-name {margin-bottom: 12px;color:var(--text);font-size: 18px;line-height: 24px;}
.d--text {color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.54px;margin-top: 30px;}
.d--product-image {width: 140px;}
.d--product-image img{width: 100%;}
.d--product-box {flex-grow: 1;text-align: left;}

/* active state */
.d--input input:focus ~ .d--bar:before,
.d--input input:focus ~ .d--bar:after {
    width: 50%;
}

.d--submit {margin-top: 10px;}

.d--but {outline: 0;display: inline-block;padding: 0 27px;text-shadow: none;text-decoration: none;background-color: var(--main);color: #fff;min-width: 110px;height: var(--height);line-height: var(--height);border-radius: 6px;font-size: 13px;cursor: pointer;border:1px solid var(--main);width: 100%;user-select: none}
.d--but:not([disabled]):hover {background-color: #ffffff;color: var(--main);}
.d--but[disabled] {opacity: .5}

.d--policy {width: 100%;margin: 0 auto;margin-top: 30px;font-size: 12px;line-height: 16px;color:var(--text)}
.d--policy a{text-decoration: none;border-bottom:1px solid transparent}
.d--policy a:hover{text-decoration: none;border-bottom:1px solid #a2a2a2}

.d--bar {position: relative;display: block;width: 80%;margin: 0 auto;}
.d--bar:before, .d--bar:after {content: "";height: 2px;width: 0;bottom: 0;position: absolute;background: #000;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
.d--bar:before {left: 50%;}
.d--bar:after {right: 50%;}

.d--row {margin-bottom: 10px}

.d--row.f--error .d--bar:before,.d--row.f--error .d--bar:after{background-color: #ff0000}
.d--row.f--error .d--input{border-bottom: 1px solid #ff0000}

.d--additional {margin-top: 10px;font-size: 12px;text-align: right}
.d--additional div {border-bottom: 1px dotted #333;display: inline-block;cursor: pointer}

.d--hire .input-row:nth-child(4){display: none}

.d--row.d--error .d--bar:before,.d--row.d--error .d--bar:after{background-color: #ff0000}
.d--row.d--error .d--input{border-bottom: 1px solid #ff0000}

.f--MAIL {display: none}

.d--inf {border: 1px dotted var(--main);width: 16px;height:16px;display: inline-flex;align-items: center;justify-content: center;color:var(--main);border-radius: 50%;margin-right: 5px}
.d--MAIL {display: none}

.d--form {text-align: left}
.d--form form {margin-top: 16px;}

.d--form-y {overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(90vh - 100px - 100px);
    padding-right: 16px;
}

.d--form-head {display: flex;align-items: flex-start;gap:20px;}

@media all and (max-width: 1024px) {
    .d--inner.d--wide{max-width: 95%}
    .d--product-category {font-size: 12px;line-height: 15px;}
    .d--product-name {font-size: 14px;line-height: 18px;}
    .d--text {font-size: 14px;line-height: 20px;}
}

@media all and (max-width: 767px) {
    .d--inner {padding: 50px 40px 50px 40px}
    .d--title{font-size: 28px;line-height: 34px;}
    .d--text{font-size: 14px;}
    .d--submit {font-size: 14px;}
}

@media all and (max-width: 545px) {
    .d--inner {min-width: 320px;max-width: 95%;padding: 40px 20px 40px 20px;}
    .d--title{font-size: 24px;line-height: 28px;}
    .d--double {flex-wrap: wrap;gap:0}
    .d--double .d--row {width: 100%}
    .d--product-image {width:50px}
}
/* Всплывающая форма окончена */

.popup--stops-row {display: flex;border-left:1px solid rgba(0, 0, 0, 0.50);border-top:1px solid rgba(0, 0, 0, 0.50);border-right:1px solid  rgba(0, 0, 0, 0.50)}
.popup--stops-list {border-bottom:1px solid rgba(0, 0, 0, 0.50)}
.popup--stops-col {width: 33.33333%;padding: 20px;border-right: 1px solid rgba(0, 0, 0, 0.50)}
.popup--stops-row .popup--stops-col:last-child {border-right: unset}
.popup--stops-message {border:1px solid rgba(0, 0, 0, 0.50);border-radius: 6px;overflow: hidden;--th:360px;margin-top: 40px;}
.popup--stops-message textarea{width: 100% !important;height:var(--th) !important;max-width:100%;min-width:100%;max-height: var(--th);min-height: var(--th);border:none;outline:none;padding: 20px;}
.popup--stops-btns {margin-top: 30px;display: flex;gap:16px;align-items: center}
.d--sub {display: flex;align-items: center;gap:10px;margin-top: 30px}

.input__wrapper {width: 100%;position: relative;margin: 15px 0;}
.input__file {opacity: 0;visibility: hidden;position: absolute;display: none;}
.input__file-icon-wrapper {height: 40px;width: 40px;margin-right: 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-right: 1px solid #fff;}
.input__file-button,
html body .wrapper form label.input__file-button
{width: 100%;max-width: 290px;height: 40px;color: #000;font-size: 16px;font-weight: 700;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;border-radius: 0;cursor: pointer;transition: background .4s;}

@media all and (max-width: 767px) {
    .popup--stops-list {min-width: 610px;}
    .popup--stops-box {overflow-x: auto;width: 100%;}
}