.color-orange {
    color: #FB621A;
}

.no-scroll {
    overflow: hidden;
}

.margin-top-with-header {
    padding-top: 100px !important;
}

.sc-info-details {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}


.sc-info-details > div {
    width: 50%;
}

#route-map-mini {
    width: 100%;
    height: 275px;
    margin-bottom: 15px;
    border-radius: 12px;
}

.overlay {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(/img/estimate/get-an-estimate-2.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100vh;
    opacity: 0.4;
    z-index: 10;
    display: none;
}

select {
    background-color: #fff;
}

.df-i {
    margin-left: 20px;
    margin-right: 20px;
}

.ft-main {
    width: 100%;
}

.main-body {
    width: 100%;
}

.ft-body-bg {
    background-color: #F6F6F9;
}

.ft-main-body {
    width: 100%;
    min-height: 100vh;
    height: 100%;
}

button {
    outline: none;
}

button:active,
button:focus {
    outline: none;
}

.mp-btn-pp {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input:active,
input:hover,
input:focus {
    outline: 0;
    outline-offset: 0;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .input-title,
.rec-title,
.fd-input-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 36px;
    line-height: 38px;
    letter-spacing: 0.2px;
    color: #222222;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .input-description,
.or-tarif-plan-description,
.or-vehicle-type-description,
.or-pacel-size-description,
.or-distance-total-description,
.or-delivery-total-description,
.or-general-description {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.or-price-titel,
.or-tips-titel,
.mp-popup-address .mp-address-up .mp-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.2px;
    color: #222222;
}

.or-total-price-sum,
.or-total-tips-sum {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 18px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.2px;
    color: #FB621A;
}

.no-scroll {
    overflow: hidden;
}

.m-menu {
    border: none;
    width: 32px;
    height: 32px;
    padding: 0;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-left: 12px;
    background: #F6F6F9;
}

.map-hd-up {
    position: relative;
    width: 100%;
}

.or-right-sidebar .map-hd-up {
    position: relative;
}

.m-menu .line {
    width: 32px;
    height: 4px;
    background-color: #ffffff;
    border-radius: 5px;
}

.slide-active {
    color: #FB621A;
    background: #FB621A;
    position: absolute;
    z-index: 2;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}

.hd-bg {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(43.23%, #F7F7F8), to(rgba(247, 247, 248, 0.2))), url(/img/estimate/background/main-bg.webp);
    background-image: -o-linear-gradient(top, #F7F7F8 43.23%, rgba(247, 247, 248, 0.2) 100%), url(/img/estimate/background/main-bg.webp);
    background-image: linear-gradient(180deg, #F7F7F8 43.23%, rgba(247, 247, 248, 0.2) 100%), url(/img/estimate/background/main-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.hd-ft-main-body {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.hd-ft-main-body .hd-main {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.hd-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    transition: all .3s;
}

.hd-header.without-bg {
    background-color: transparent;
    box-shadow: none;
}

.hd-header.without-bg > a {
    display: block;
    margin: 0 auto 15px;
}

.hd-header.hd-header-transparent {
    background-color: transparent;
    box-shadow: none;
}

.hd-header.hd-header-scroll {
    background-color: #fff;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.hd-header .hd-menu-nav ul li, .hd-header .hd-menu-nav ul li .hd-menu-link {
    transition: all .3s;
}

.hd-header .hd-menu-nav ul li:hover {
    transform: scale(1.03);
}

/*.hd-header.hd-header-transparent .hd-menu-nav ul li .hd-menu-link {
    color: #fff;
    text-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
}*/

.hd-header .hd-menu-nav ul li .hd-menu-link {
    color: #222 !important;
    text-shadow: none;
}

.hd-header.hd-header-scroll .hd-menu-nav ul li .hd-menu-link {
    color: #222 !important;
    text-shadow: none;
}


.hd-header-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
}

.header-logo {
    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;
}

.header-logo .hd-logo {
    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;
}


.hd-menu-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hd-menu-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.hd-menu-nav ul li {
    margin-right: 16px;
}

.hd-menu-nav ul li:nth-last-child(1) {
    margin-right: 0;
}

.hd-menu-nav ul li .hd-menu-link {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
    text-decoration: none;
}

.hd-menu-nav ul li .hd-menu-link:hover {
    text-decoration: none;
}

.hd-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hd-main-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #222222;
    margin: 0;
    margin-bottom: 12px;
    padding-left: 15px;
    padding-right: 15px;
}

.hd-main-description {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #999999;
    margin: 0;
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

.hd-main-link {
    background: #FB621A;
    -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 26px 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.2px;
    color: #ffffff;
    text-decoration: none;
}

.hd-main-link:hover {
    color: #ffffff;
    text-decoration: none;
}

.hd-main-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 40px;
    background-color: #ffffff;
}

.hd-footer-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #222222;
}

.hd-footer-description {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #999999;
    margin: 0 auto;
    padding: 0;
}

.mob-hd-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff;
    width: 100%;
    height: 100vh;
    z-index: 990;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.mob-hd-menu.active {
    transform: translateX(0);
}

.mob-hd-menu .header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
}

.mob-hd-menu .hd-menu-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto 0;
}

.mob-hd-menu .hd-menu-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mob-hd-menu .hd-menu-nav ul li {
    margin: 0;
    margin-bottom: 20px;
}

.ft-btn {
    max-width: 160px;
    width: 100%;
    height: 44px;
    border-radius: 9px;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    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;
    text-align: center;
    letter-spacing: 0.2px;
    margin-right: 10px;
    text-decoration: none;
    border: 0;
    transition: all .3s;
}

.ft-btn-big {
    font-size: 16px !important;
    max-width: unset !important;
    width: auto !important;
    padding: 16px 32px !important;
    height: auto !important;
}

.ft-btn:nth-child(2) {
    margin-right: 0;
}

.ft-btn-primary {
    background: #FB621A;
    color: #ffffff;
}

.ft-btn-primary:hover {
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 0 12px rgba(251, 98, 26, .75);
}

.ft-btn-secondary {
    background: #ffffff;
    color: #999999;
}

.ft-btn-secondary:hover {
    color: #999999;
    text-decoration: none;
    box-shadow: 0 0 12px rgba(255, 255, 255, .75);
}

.ft-btn-tertiary {
    background: #222222;
    color: #fff;
}

.ft-btn-tertiary:hover {
    text-decoration: none;
    color: #fff;
    box-shadow: 0 0 12px rgba(34, 34, 34, .75);
}

.ft-btn-custom {
    background-color: #DFE6F6;
    color: #333 !important;
}

.ft-btn-custom:hover {
    text-decoration: none;
    box-shadow: 0 0 12px rgba(96, 108, 136, .55);
    color: #333;
}

.ft-btn-with-image img {
    max-width: 24px;
    max-height: 24px;
    margin-right: 5px;
}


.ft-btn-small {
    height: 40px !important;
}

.number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    margin-right: 12px;
}

.number span {
    color: #ffff;
}

.number span img {
    max-width: 50%;
}

.circle-span,
.circle span,
.tabs-text .number span,
.mp-popup-address .mp-address-up .mp-circle span {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
}

.circle,
.tabs-text .number {
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}

.circle span,
.tabs-text .number span {
    color: #ffffff;
}

.circle-primary {
    background: #FB621A;
}

.circle-secondary {
    background: #CACACA;
}

.circle-tertiary {
    background: #222222;
}

.circle-checked {
    background-color: #ffffff;
    background-image: url(/img/estimate/icons/checked.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.circle-checked span {
    display: none;
}

.circle-nochecked {
    border: 2px solid #999999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.left-block {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #ffffff;
    height: 100vh;
    position: fixed;
}

.left-block ~ div {
    margin-left: 25%;
}

.left-block .ft-logo {
    padding-top: 24px;
    padding-left: 70px;
}

.left-block .ft-logo a {
    width: 100%;
}

.left-block .ft-logo img {
    max-width: 120px;
}

.left-block .nav-block {
    margin-top: 50px;
    margin-left: 50px;
    margin-right: 74px;
}

.left-block .nav-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.left-block .nav-block ul .circle,
.left-block .nav-block ul .tabs-text .number,
.tabs-text .left-block .nav-block ul .number {
    margin-right: 16px;
}

.left-block .nav-block ul li {
    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;
    margin-bottom: 50px;
}

.left-block .nav-block ul li:nth-child(5) {
    margin-bottom: 0;
}

.left-block .nav-block ul li a {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #999999;
    text-decoration: none;
}

.left-block .ft-logo-footer {
    padding-left: 50px;
    padding-bottom: 40px;
    background-image: url(/img/estimate/logo/logo-footer-background.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.left-block .ft-logo-footer img {
    max-width: 140px;
    opacity: 0.3;
}

.user-row-map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 46px;
}

.right-block .right-block-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 50px 40px 95px;
    min-height: calc(100vh - 145px);
}

.user-row {
    display: none;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.user-row .user-name {
    text-decoration: none;
    margin-right: 24px;
}

.user-location img {
    width: 16px;
    margin-right: 5px;
}

.user-row .user-name p {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    letter-spacing: 0.2px;
    margin: 0;
    color: #222222;
}

.user-row .user-img {
    text-decoration: none;
    padding: 12px;
    background: #FB621A;
    border-radius: 9px;
}

.user-row .user-img span {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    letter-spacing: 1px;
    color: #ffffff;
}

.right-block .right-block-wrapper .right-block-body {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-bottom: 24px;
    margin-right: 20px;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .input-title {
    margin-top: 11px;
    margin-bottom: 10px;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content {
    display: none;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .tabs-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-pick-up-block {
    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;
    text-decoration: none;
    margin-right: 11px;
    width: 100%;
    height: 48px;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-pick-up-block .plus-block {
    background: #FB621A;
    border-radius: 12px 0px 0px 12px;
    max-width: 56px;
    width: 100%;
    height: 48px;
    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;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-pick-up-block .plus-block .plus {
    width: 100%;
    height: 100%;
    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;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-pick-up-block .plus-block .plus .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-color: #fff;
    width: 2px;
    height: 10px;
    left: 2px;
    border-radius: 10px;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-pick-up-block .plus-block .plus .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    bottom: 0px;
    left: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #fff;
    width: 2px;
    height: 10px;
    border-radius: 10px;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-pick-up-block .pick-up-text {
    background: #ffffff;
    border: 1px solid #FB621A;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0px 12px 12px 0px;
    text-decoration: none;
    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;
    text-align: center;
    height: 48px;
    width: 100%;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-pick-up-block .pick-up-text p {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #A0A0A0;
    margin: 0;
    padding: 0;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-pick-up-block .pick-up-text p span {
    color: #222222;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-drop-off-block {
    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;
    text-align: center;
    width: 100%;
    height: 48px;
    text-decoration: none;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-drop-off-block .plus-block {
    background: #FB621A;
    border-radius: 12px 0px 0px 12px;
    max-width: 56px;
    width: 100%;
    height: 48px;
    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;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-drop-off-block .plus-block .plus {
    width: 100%;
    height: 100%;
    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;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-drop-off-block .plus-block .plus .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-color: #fff;
    width: 2px;
    height: 10px;
    left: 2px;
    border-radius: 10px;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-drop-off-block .plus-block .plus .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    bottom: 0px;
    left: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #fff;
    width: 2px;
    height: 10px;
    border-radius: 10px;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-drop-off-block .black {
    background: #222222;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-drop-off-block .btn-drop-off-text {
    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;
    text-align: center;
    background: #ffffff;
    border: 1px solid #222222;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0px 12px 12px 0px;
    width: 100%;
    height: 48px;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-drop-off-block .btn-drop-off-text P {
    margin: 0;
    padding: 0;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #A0A0A0;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-drop-off-block .btn-drop-off-text P span {
    color: #222222;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    visibility: visible;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .fs-form {
    width: 100%;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabcontent {
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
    opacity: 0 !important;
    top: -100% !important;
    height: 0 !important;
    max-height: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
}

.right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .visible {
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    top: 0;
    max-height: -webkit-min-content;
    max-height: -moz-min-content;
    max-height: min-content;
}

.right-block .right-block-wrapper .right-block-body .map-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
    margin-right: 20px;
    max-width: 420px;
    width: 100%;
}

.right-block .right-block-wrapper .right-block-body .map-block .fd-right-block-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 20px;
    margin-bottom: 30px;
}

.right-block .right-block-wrapper .right-block-body .map-block .total-text {
    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;
    background: #ffffff;
    border: 1px dashed #FB621A;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 9px;
    position: relative;
    text-align: center;
    width: 100%;
    height: 44px;
    margin-bottom: 10px;
}

.right-block .right-block-wrapper .right-block-body .map-block .total-text p {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #222222;
    margin: 0;
    padding: 0;
}

.right-block .right-block-wrapper .right-block-body .map-block .total-text p span {
    color: #A0A0A0;
}

.map-block-body {
    position: relative;
}

.optimize-information-on-map {
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 70px);
    padding: 6px 9px;
    font-size: 14px;
    color: #666666;
    margin: 0;
    background-color: #fff;
    text-align: center;
    border-radius: 2px;
    box-shadow: rgb(0 0 0 / 30%) 0 1px 4px -1px;
}

.fd-input-block-text {
    margin-top: 15px;
    margin-bottom: 25px;
}

.driver-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #ffffff;
    border: 1px solid #FB621A;
    border-radius: 9px;
    width: 99%;
    height: 44px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.driver-btn-group p {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;
    padding: 0;
    margin: 0;
}

.reduce-btn {
    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;
    background: #FB621A;
    border-radius: 9px 0px 0px 9px;
    height: 44px;
    width: 44px;
    border: none;
}

.reduce-btn .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    bottom: 0px;
    left: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #fff;
    width: 2px;
    height: 10px;
    border-radius: 10px;
}

.add-btn {
    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;
    height: 44px;
    width: 44px;
    border: none;
    background: #FB621A;
    border-radius: 0px 9px 9px 0px;
}

.add-btn .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-color: #fff;
    width: 2px;
    height: 10px;
    left: 2px;
    border-radius: 10px;
}

.add-btn .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    bottom: 0px;
    left: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #fff;
    width: 2px;
    height: 10px;
    border-radius: 10px;
}

.mp-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 24px;
    background: #ffffff;
    border-radius: 9px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    height: 44px;
    cursor: pointer;
    /* end .slideThree */
}

.mp-radio p {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;
    padding: 0;
    margin: 0;
}

.mp-radio .slide {
    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;
    width: 33px;
    height: 22px;
    position: relative;
    border-radius: 50px;
    background-color: #F7F7F8;
}

.mp-radio label {
    display: block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 14px;
    z-index: 1;
    border-radius: 50px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: #ffffff;
    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
}

.mp-radio input[type=checkbox] {
    visibility: hidden;
    background-color: #FB621A;
}

.mp-radio input[type=checkbox]:checked + label {
    left: 1px;
}

.mp-radio input[type=checkbox]:checked + .slide {
    background-color: #FB621A;
}

.mp-radio .slide-primary {
    background-color: #FB621A;
}

.mp-radio .slide-secondary {
    background-color: #CACACA;
}


.sc-button-map {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.sc-button-map-link {
    background: #ffffff;
    border-radius: 9px;
    padding: 10px 24px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;
    text-decoration: none;
    margin-bottom: 10px;
    width: 100%;
}

.sc-button-map .sc-button-map-link img, .sc-button-map .sc-button-map-link svg {
    margin-right: 13px;
}

.hd-btn {
    padding: 12px 24px;
    border-radius: 9px;
    margin-right: 10px;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    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;
    text-align: center;
    letter-spacing: 0.2px;
    text-decoration: none;
    border: 0;
}

.hd-btn[disabled] {
    opacity: 0.7;
    pointer-events: none;
}

.hd-btn:nth-child(2) {
    margin-right: 0;
}

.hd-btn-primary {
    background: #FB621A;
    color: #ffffff;
}

.hd-btn-primary:hover {
    text-decoration: none;
    color: #ffffff;
}

.hd-btn-secondary {
    background: #ffffff;
    color: #999999;
}

.hd-btn-secondary:hover {
    text-decoration: none;
    color: #999999;
}

.section-title-p,
.sec-title-primary p,
.sec-title-secondary p {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    margin: 0;
    padding: 0;
}

.sec-title {
    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-radius: 9px;
    max-width: 300px;
    width: 100%;
    height: 56px;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
    background: #F6F6F9;
    color: #A0A0A0;
}

.sec-title ~ .sec-title {
    margin: 0;
}

.sec-title.active {
    background: #ffffff;
    color: #222222;
}

.sec-title > p {
    margin: 0;
}

.tabs-text-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 610px;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 12px;
    background: #ffffff;
    margin-right: 10px;
}

.tabs-text {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    padding: 10px 16px;
}

.tabs-text:not(:first-child) {
    border-top: 1px solid #E0E0E0;
}

.tabs-text .tabs-text-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.tabs-text .tabs-text-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: 1px solid #E0E0E0;
    height: 34px;
}

.tabs-text .number {
    margin-right: 12px;
}

.hidde-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.hidde-text p {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.2px;
    margin: 0;
    padding: 0;
    color: #222222;
}

.hidde-text a {
    text-decoration: none;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #FB621A;
}

.field-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.field-wrap .lbl-address {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #A0A0A0;
}

.field-wrap .lbl-number {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #A0A0A0;
}

.field-wrap .lbl-number-primary {
    position: relative;
    left: 16px;
    top: 13px;
    margin: 0;
}

.field-wrap .lbl-number-secondary {
    position: relative;
    left: 16px;
    top: 0;
    margin: 0;
}

.field-wrap #address {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.2px;
    color: #222222;
    border: none;
}

.field-wrap #address:active,
.field-wrap #address:hover,
.field-wrap #address:focus {
    outline: 0;
    outline-offset: 0;
}

.field-wrap #address::-webkit-input-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.field-wrap #address::-moz-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.field-wrap #address:-ms-input-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.field-wrap #address::-ms-input-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.field-wrap #address::placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.field-wrap #number {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.2px;
    color: #222222;
    border: none;
    padding-left: 16px;
}

.field-wrap #number:active,
.field-wrap #number:hover,
.field-wrap #number:focus {
    outline: 0;
    outline-offset: 0;
}

.field-wrap #number::-webkit-input-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #A0A0A0;
}

.field-wrap #number::-moz-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #A0A0A0;
}

.field-wrap #number:-ms-input-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #A0A0A0;
}

.field-wrap #number::-ms-input-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #A0A0A0;
}

.field-wrap #number::placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #A0A0A0;
}

.tabs-btn-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.tabs-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ft-tab-btn {
    width: 44px;
    height: 44px;
    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-radius: 9px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: none;
}

.ft-tab-btn-included {
    background-color: #ffffff;
    opacity: 1;
}

.ft-tab-btn-disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: no-drop;
}

.input-section {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    bottom: 46px;
}

.input-section .input-line {
    width: 1px;
    height: 34px;
    position: relative;
    bottom: 12px;
    background-color: #A0A0A0;
}

.input-section #address {
    margin-left: 52px;
    margin-right: 16px;
    max-width: 308px;
    width: 100%;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;
    border: none;
}

.input-section #number {
    max-width: 160px;
    width: 100%;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;
    padding-left: 16px;
    border: none;
}

.quanlity-type-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E0E0E0;
    max-width: 540px;
    width: 100%;
}

.or-field-wrap-test {
    width: 100%;
}

.tabs-text-right-test {
    width: 100%;
}

.or-tabs-body {
    margin-bottom: 30px;
    margin-right: 40px;
}

.or-white-space {
    border-radius: 12px;
    margin-right: 57px;
    background-color: #ffffff;
}

.or-label-t {
    position: absolute;
    left: 18px;
    top: -25px;
    height: 100%;
    color: rgba(255, 255, 255, 0.5);
    pointer-events: none;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
    margin-right: 10px;
    pointer-events: none;
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.or-label-t .req {
    margin: 2px;
    color: #FB621A;
}

.or-label-r {
    position: absolute;
    left: 37px;
    top: -24px;
    height: 100%;
    color: rgba(255, 255, 255, 0.5);
    -webkit-backface-visibility: hidden;
    pointer-events: none;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    margin-right: 10px;
    letter-spacing: 0.2px;
    color: #999999;
    font-size: 18px;
    font-weight: normal;
    pointer-events: none;
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.or-label-r .req {
    margin: 2px;
    color: #FB621A;
}

.or-label {
    position: absolute;
    left: 18px;
    top: -24px;
    height: 100%;
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
    color: rgba(255, 255, 255, 0.5);
    -webkit-backface-visibility: hidden;
    pointer-events: none;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    margin-right: 10px;
    letter-spacing: 0.2px;
    color: #999999;
    font-weight: normal;
    pointer-events: none;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.or-label .req {
    margin: 2px;
    color: #FB621A;
}

.or-label.fd-highlight {
    color: #FB621A;
}

.or-label-r.fd-highlight {
    color: #FB621A;
}

.or-label-t.fd-highlight {
    color: #FB621A;
}

.or-input,
.or-text-area {
    font-size: 18px;
    display: block;
    width: 100%;
    padding: 14px 16px;
    color: #222222;
    -webkit-transition: border-color .25s ease, -webkit-box-shadow .25s ease;
    -o-transition: border-color .25s ease, box-shadow .25s ease;
    transition: border-color .25s ease, box-shadow .25s ease;
    border-radius: 12px;
    background-color: #ffffff;
    border: none;
}

.or-sender-text-area:focus ~ .or-label-r {
    top: -44px;
    font-size: 11px;
    color: #FB621A;
}

.or-input:focus ~ .or-label-t,
.or-input:valid ~ .or-label-t {
    top: -54px;
    font-size: 11px;
    color: #FB621A;
}

.or-text-area:focus ~ .or-label-t {
    top: -54px;
    font-size: 11px;
    color: #FB621A;
}

.or-input-sender:focus ~ .or-label,
.or-input-sender:valid ~ .or-label,
.or-text-area:focus ~ .or-label,
.or-input:focus ~ .or-label,
.or-input:valid ~ .or-label {
    top: -50px;
    left: 0;
    font-size: 11px;
    color: #FB621A;
}

.fd-bar {
    position: relative;
    display: block;
    width: 100%;
    top: -1px;
}

.fd-bar:before,
.fd-bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #FB621A;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.fd-bar:before {
    left: 50%;
}

.fd-bar:after {
    right: 50%;
}

/* active state */

.or-input-sender:focus ~ .fd-bar:before,
.or-input-sender:focus ~ .fd-bar:after,
.or-sender-text-area:focus ~ .fd-bar:before,
.or-sender-text-area:focus ~ .fd-bar:after,
.or-text-area:focus ~ .fd-bar:before,
.or-text-area:focus ~ .fd-bar:after,
.or-input:focus ~ .fd-bar:before,
.or-input:focus ~ .fd-bar:after {
    width: 50%;
}

/* HIGHLIGHTER ================================== */

.fd-highlight {
    position: absolute;
    height: 60%;
    width: 100%;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.3;
}

/* active state */

.or-input-sender:focus ~ .fd-highlight,
.or-sender-text-area:focus ~ .fd-highlight,
.or-text-area:focus ~ .fd-highlight,
.or-input:focus ~ .fd-highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */

@-webkit-keyframes inputHighlighter {
    from {
        background: #FB621A;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #FB621A;
    }

    to {
        width: 0;
        background: transparent;
    }
}

.or-input {
    margin-bottom: 15px;
    font-size: 16px !important;
}

.or-text-area {
    resize: none;
    min-height: 140px;
}

.or-text-area:active,
.or-text-area:hover,
.or-text-area:focus {
    outline: 0;
    outline-offset: 0;
}


.or-text-area::-webkit-input-placeholder, .or-text-area::-moz-placeholder, .or-text-area:-ms-input-placeholder, .or-text-area::-ms-input-placeholder, .or-text-area::placeholder,
.or-input::-webkit-input-placeholder, .or-input::-moz-placeholder, .or-input:-ms-input-placeholder, .or-input::-ms-input-placeholder, .or-input::placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px !important;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}


.or-sender-text-area {
    border: none;
    resize: none;
    min-height: 42px;
    -webkit-box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.08);
}

.or-sender-text-area::-webkit-input-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.or-sender-text-area::-moz-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.or-sender-text-area:-ms-input-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.or-sender-text-area::-ms-input-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.or-sender-text-area::placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.or-sender-text-area:focus {
    outline: 0;
    border-color: #FB621A;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.or-field-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

.or-field-wrap-we {
    padding: 0 15px 0 15px;
    margin-bottom: 20px;
}

.or-input-sender {
    width: 100%;
    padding: 20px 0 14px;
    border: none;
    background: #FFFFFF;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
    -webkit-transition: border-color .25s ease, -webkit-box-shadow .25s ease;
    -o-transition: border-color .25s ease, box-shadow .25s ease;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.or-input-sender:focus {
    outline: 0;
    border-color: #FB621A;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.or-senders-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    margin: 10px 0 20px;
}

.or-senders-input .or-field-wrap {
    -ms-flex-preferred-size: 47%;
    flex-basis: 47%;
    margin-bottom: 15px;
}

.or-senders-input .or-field-wrap.or-field-wrap-full {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    margin: 0 !important;
}

.or-senders-input .or-field-wrap:nth-child(odd) {
    margin-right: 10px;
}

.input-main-sectio-kl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
}

.input-main-sectio-kl .number {
    position: relative;
    top: 10px;
}

.input-main-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
}

.input-main-section.sortable-ghost {
    border: 0 !important;
}

.input-main-section.input-main-section-error {
    background-color: rgba(255, 0, 0, .08);
}

.input-main-section.input-main-section-error input {
    background-color: transparent;
    border-color: transparent;
}


.input-main-section.input-main-section-error .or-lbl-address-switch > span:nth-child(2) {
    color: red;
    visibility: visible !important;
    opacity: 1 !important;
}

.input-main-section:nth-child(1) {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.input-main-section:nth-last-child(1) {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.input-main-section.sortable-ghost {
    border: 0 !important;
}


.input-main-section .number {
    position: relative;
    top: 10px;
    cursor: pointer;
}

.or-tabs-text-test {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
}

.or-input-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.or-input-section .ft-tab-btn {
    margin-left: 10px;
    height: 44px;
    max-width: 44px;
    width: 100%;
    margin-right: 0;
    text-align: center;
    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-radius: 9px;
    border: none;
}

.or-input-section .edit {
    position: relative;
    left: 15%;
    bottom: 15px;
}

.or-input-section .delete {
    position: relative;
    left: 35px;
    bottom: 15px;
}

.or-input-section .fd-edit {
    position: relative;
    top: -36px;
    left: 60px;
}

.or-input-section .fd-delete {
    position: relative;
    top: -36px;
    left: 60px;
}

.or-input-section .fd-user-id {
    position: relative;
    top: 15px;
    left: -38px;
}

.or-input-section .up-input-camera-wrapper {
    width: 100%;
    position: relative;
    top: 15px;
    left: -37px;
    margin: 0;
    text-align: center;
}

.or-input-section .up-input-camera-file {
    width: 100%;
    opacity: 0;
    top: 14px;
    left: 0px;
    visibility: hidden;
    position: absolute;
}

.or-input-section .up-input-camera-file-button {
    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;
    cursor: pointer;
    margin: 0 auto;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 9px;
}

.or-input-section .sl-btn-edit {
    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;
    text-align: center;
}

.or-input-pick-up,
.or-input-suit {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;

    height: 24px;
    border: 1px solid #ffffff;
}

.or-input-pick-up {
    margin-left: 36px;
}

.or-line {
    position: relative;
    top: 5px;
    z-index: 990;
    width: 1px;
    height: 40px;
    background-color: #E0E0E0;
}

.or-input-suit {
    padding-right: 0;
    width: 50px;
    padding-left: 12px;
}

.or-lbl-number,
.or-lbl-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #A0A0A0;
    padding-right: 0;
    margin: 0;
}

.or-lbl-address-switch {
    display: flex;
    justify-content: space-between;
    padding-right: 10px;
}

.or-lbl-address-switch > span:nth-child(2) {
    visibility: hidden;
    cursor: pointer;
    opacity: 0;
    transition: all .3s;
}

.input-main-section:hover .or-lbl-address-switch > span:nth-child(2) {
    visibility: hidden;
    opacity: 0;
}

.sm-suit-text {
    display: none;
    position: relative;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #A0A0A0;
    padding-right: 0;
    margin: 0;
}

.drag-and-drop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    max-width: 610px;
}

.drag-and-drop-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    border: 1px dashed #858585;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: #ffffff;
    padding: 55px 80px;
    margin-bottom: 10px;
    transition: all .3s;
}

.drag-and-drop-body.active {
    transform: scale(1.02);
    border-color: #FB621A;
}

.drop-logo {
    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;
    margin-bottom: 16px;
}

.drop-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 15px;
    line-height: 19.6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #222222;
    margin: 0;
    margin-bottom: 8px;
}

.drop-description {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 19.6px;
    color: #999999;
    margin: 0;
}

.dr-upload {
    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;
    max-width: 540px;
    width: 100%;
    height: 48px;
    border: none;
    background: #53A451;
    border-radius: 9px;
    margin-bottom: 20px;
}

.dr-upload span {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #ffffff;
    margin-left: 14px;
}

.drop-footer {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    text-align: left;
    color: #999999;
}

.drop-footer a {
    color: #FB621A;
    text-decoration: none;
    white-space: nowrap;
}

.drop-footer a:hover {
    color: #FB621A;
    text-decoration: none;
}

.up-input-wrapper {
    width: 100%;
    position: relative;
    margin: 0;
    text-align: center;
}

.up-input-file {
    width: 100%;
    opacity: 0;
    top: 14px;
    left: 0px;
    visibility: hidden;
    position: absolute;
}

.up-input-file-button-text {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    margin-left: 14px;
}

.up-input-file-button {
    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;
    cursor: pointer;
    margin: 0 auto;
    max-width: 610px;
    width: 100%;
    height: 48px;
    border: none;
    background: #53A451;
    border-radius: 9px;
    margin-bottom: 20px;
}

.pm-block-text {
    max-width: 800px;
    width: 100%;
}

.right-block .right-block-wrapper .right-block-body .pm-block-text .fd-input-block-text {
    margin: 0;
    margin-bottom: 40px;
}

.pm-checkboc-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.pm-checkbox-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pm-checkbox-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
}

.pm-checkbox-input li {
    margin-bottom: 20px;
}

.pm-checkbox-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.pm-checkbox-link:hover {
    text-decoration: none;
}

.pm-checkbox-link p {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    color: #999999;
    margin: 0;
    margin-left: 16px;
}

.pm-checkbox-tags-main {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cr-card-checkbox-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 40px;
}

.or-field-wrap-z {
    padding: 0;
}

.cr-card-input-zt {
    width: 100%;
    background: #FFFFFF;
    border-radius: 12px;
    height: 52px;
    border: none;
    padding: 10px 15px;
    margin-bottom: 24px;
}

.cr-card-input-zt::-webkit-input-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.cr-card-input-zt::-moz-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.cr-card-input-zt:-ms-input-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.cr-card-input-zt::-ms-input-placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.cr-card-input-zt::placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.cr-label-r {
    position: absolute;
    left: 18px;
    top: -30px;
    height: 100%;
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
    color: rgba(255, 255, 255, 0.5);
    -webkit-backface-visibility: hidden;
    pointer-events: none;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    margin-right: 10px;
    letter-spacing: 0.2px;
    color: #999999;
    font-weight: normal;
    pointer-events: none;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.cr-label-r .req {
    margin: 2px;
    color: #FB621A;
}

.cr-card-input-zt:focus ~ .cr-label-r {
    top: -44px;
    font-size: 11px;
    color: #FB621A;
}

.cr-card-input-zt-name:focus ~ .fd-bar:after {
    width: 50%;
}

.cr-card-input-zt:focus ~ .fd-highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

.cr-card-data {
    padding: 0;
}

.cr-card-data input {
    background: #FFFFFF;
    border-radius: 12px;
    height: 52px;
    margin-bottom: 0;
}

.cr-card-sticker-body {
    margin-top: 40px;
    margin-bottom: 20px;
}

.cr-card-sticker-body p {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
    margin: 0;
}

.ex-cr-card-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    color: #222222;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.ex-cr-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px;
    background: #FFFFFF;
    border-radius: 12px;
}

.ex-cr-card-description {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
    margin: 0;
}

.pay-invoice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.pay-invoice-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 14px;
    line-height: 19.6px;
    text-align: center;
    color: #222222;
    margin: 0;
    margin-bottom: 8px;
}

.pay-invoice-description {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 19.6px;
    text-align: center;
    color: #999999;
    margin: 0;
}

.pay-pal-mt .pay-pal-mt-description {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
    margin: 0;
    margin-bottom: 20px;
}

.pay-pal-dd {

}

.ask-frends-pay {
    padding: 0;
}

.ask-pay-mail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;
    background: #FFFFFF;
    border-radius: 12px;
    height: 52px;
    margin-bottom: 20px;
}

.ask-frends-pay-description {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.rec-content-section {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 41px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.rec-content-section {
    text-align: left;
    padding: 0;
}

.rec-title {
    margin: 0;
    padding: 0;
    margin-bottom: 50px;
}

.recepied-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
}

.rec-left-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}

.rec-cr-number,
.rec-sec-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    color: #222222;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

.rec-cr-number-title,
.rec-cr-placeholder-name {
    border: none;
    background: #FFFFFF;
    border-radius: 12px;
    height: 52px;
    margin-bottom: 24px;
}

.rec-fd-info-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #222222;
    margin: 0;
    margin-bottom: 10px;
}

.rec-rc-input-secur {
    margin-bottom: 24px;
}

.rec-rc-input-secur:nth-last-child(1) {
    margin-bottom: 0;
}

.rec-rc-input-secur:nth-last-child(2) {
    margin-bottom: 0;
}

.rec-rc-input-secur input {
    background: #FFFFFF;
    border-radius: 12px;
    height: 52px;
    border: none;
}

.rec-card-sticker-body {
    margin-top: 30px;
}

.info-main {
    background: #FFFFFF;
    border: 1px dashed #FB621A;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
}

.info-main p {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
    margin: 0;
}

.info-main span {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.2px;
    color: #222222;
}

.info-parcel,
.info-quality,
.info-picpup,
.info-drop-off,
.rec-total-price-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.info-parcel,
.info-quality,
.info-picpup {
    border-bottom: 1px dashed #EDEDEE;
}

.rec-total-price-body {
    background: #FFFFFF;
    border: 1px dashed #FB621A;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 24px 30px;
}

.rec-total-price-body p {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
    margin: 0;
}

.rec-total-price-body .rec-total-price {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.2px;
    color: #222222;
}

.rec-total-price-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.rec-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 126px;
}

.rec-logo-footer {
    max-width: 312px;
    width: 100%;
    height: 108px;
    background-image: url(/img/estimate/logo/logo-footer-background.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.right-block-btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 20px;
}

.right-block-btn-block.right-block-fixed {
    position: fixed;
    bottom: 50px;
    right: 30px;
    width: auto;
    min-width: 500px;
}

.right-block-btn-block.right-block-absolute {
    position: absolute;
    bottom: 20px;
    right: 0;
    width: auto;
}

.fp-white-bg {
    background-color: #ffffff;
}

.fp-main {

}

.fp-min-height {
    height: calc(100vh - 200px);
}

.fp-main-background {
    position: absolute;
    bottom: -200px;
    left: 0;
    width: 100%;
    height: 50vh;
    background-image: url(/img/estimate/background/bg-girls-2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
    padding-top: 10px;
    padding-bottom: 10px;
}

.fp-text-block {
    margin-bottom: 50px;
}

.fp-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 36px;
    line-height: 38px;
    letter-spacing: 0.2px;
    color: #222222;
    margin: 0;
    margin-bottom: 20px;
}

.fp-description {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #999999;
}

.fp-logo-bogy {
    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;
}

.fp-logo-img {
    max-width: 257px;
    width: 100%;
    max-height: 243px;
    height: 100%;
}

.fp-btns {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    text-align: center;
    padding: 12px 48px;
    border-radius: 9px;
    margin-right: 10px;
}

.fp-btns:nth-last-child(1) {
    margin-right: 0;
}

.fp-hove,
.fp-order {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #999999;
    text-decoration: none;
}

.fp-hove:hover,
.fp-order:hover {
    text-decoration: none;
    color: #999999;
}

.fp-neworder {
    color: #FFFFFF;
    background: #FB621A;
}

.fp-neworder:hover {
    text-decoration: none;
    color: #FB621A;
}

.fp-btns-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 24px;
    padding-bottom: 20px;
    margin-bottom: 0;
}

.or-right-sidebar {
    padding: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
}

.or-total-price-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background: #ffffff;
    border: 1px dashed #FB621A;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 24px 30px;
    margin-bottom: 20px;
}

.or-total-price-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.or-total-tips-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.or-product-description-body {
    background: #ffffff;
    border: 1px dashed #FB621A;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 24px 30px;
    margin-bottom: 20px;
}

.or-tarif-plan-main,
.or-vehicle-type-main,
.or-pacel-size-main,
.or-distance-total-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px dashed #EDEDEE;
    padding-bottom: 10px;
    padding-top: 10px;
}

.or-delivery-total-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
}

.or-tarif-plan-name,
.or-vehicle-type-name,
.or-pacel-size-name,
.or-distance-total-name,
.or-delivery-total-name {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 15px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.2px;
    color: #222222;
}

.or-tip-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #222222;
}

.or-tip-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.or-tip-btn {
    padding: 12px 24px;
    border-radius: 9px;
    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;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    text-decoration: none;
}

.or-tip-btn-secondary {
    background-color: #ffffff;
    color: #999999;
}

.or-tip-btn-secondary:hover {
    text-decoration: none;
    color: #999999;
}

.or-tip-btn-primary {
    background-color: #FB621A;
    color: #ffffff;
}

.or-tip-btn-primary:hover {
    text-decoration: none;
    color: #ffffff;
}

.or-tip-input-body {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 24px;
    background: #ffffff;
    border-radius: 9px;
    margin-bottom: 20px;
}

.or-tip-input-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #999999;
    width: 100%;
}

.or-tip-input {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    letter-spacing: 0.2px;
    color: #222222;
    width: 40%;
    border: none;
}


.or-quantity-link {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #222222;
    text-decoration: none;
}

.or-quantity-link:hover {
    color: #222222;
    text-decoration: none;
}

.or-hide-photo {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.or-hide-photo:target {
    position: static;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.or-undo-img {
    position: absolute;
    bottom: 104px;
    left: 87px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pm-hdd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 20px;
}

.mp-popup {
    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;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.541);
    top: 0;
    left: 0;
    z-index: 99011;
    opacity: 0;
    visibility: hidden;
}

.mp-popup:target {
    opacity: 1;
    visibility: visible;
}

.mp-popup-area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.mp-main-block {
    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;
    width: 100%;
    height: 80vh;
    padding: 0;
    background: #F7F7F8;
    border-radius: 12px;
    overflow-y: auto;
    overflow-x: hidden;
}

.mp-popup-map {
    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;
    width: 100%;
    height: 100%;
    padding: 0;
}

.mp-popup-map .po-map {
    border-radius: 12px 0 0 12px;
    width: 100%;
    height: 100%;
}

.mp-popup-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    padding: 40px 40px 40px 10px;
    width: 100%;
    height: 100%;
}

.mp-popup-address .mp-address-up {
    width: 100%;
    height: 100%;
    position: -webkit-sticky;
    position: sticky;
}

.mp-popup-address .mp-address-up .mp-delivery-loc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.mp-popup-address .mp-address-up .mp-m-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0;
    margin: 0;
    border: none;
    margin-right: 6px;
    background: #F7F7F8;
}

.mp-popup-address .mp-address-up .mp-m-menu:active,
.mp-popup-address .mp-address-up .mp-m-menu:focus {
    outline: none;
}

.mp-popup-address .mp-address-up .mp-delivery-loc-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
    padding: 16px 16px;
    border-radius: 9px;
    max-width: 310px;
    width: 100%;
    height: 56px;
}

.mp-popup-address .mp-address-up .mp-circle {
    max-width: 24px;
    width: 100%;
    height: 24px;
    text-align: center;
    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-radius: 50%;
    margin-right: 12px;
}

.mp-popup-address .mp-address-up .mp-circle span {
    color: #ffffff;
}

.mp-popup-address .mp-address-up .mp-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mp-popup-address .mp-address-up-text-large {
    overflow: hidden;
    overflow-y: scroll;
}

.mp-custom-dw {
    border-top: 1px solid #E0E0E0;
    max-width: 310px;
    width: 100%;
    padding-top: 10px;
}

.mp-radio-pop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 24px;
    background: #ffffff;
    border-radius: 9px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    height: 44px;
    /* end .slideThree */
}

.mp-radio-pop p {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;
    padding: 0;
    margin: 0;
}

.mp-radio-pop .slide {
    width: 30px;
    height: 22px;
    position: relative;
    border-radius: 50px;
    border: 1px solid #FB621A;
}

.mp-radio-pop .slide label {
    display: block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: -1px;
    z-index: 1;
    border-radius: 50px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: #ffffff;
    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
}

.mp-radio-pop .slide input[type=checkbox] {
    visibility: hidden;
    background-color: #FB621A;
}

.mp-radio-pop .slide input[type=checkbox]:checked + label {
    left: 11px;
}

.mp-radio-pop .slide input[type=checkbox]:checked + .slide {
    background-color: #FB621A;
}

.mp-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.mp-btn-pp {
    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;
    max-width: 150px;
    width: 100%;
    height: 44px;
    border-radius: 9px;
    text-decoration: none;
}

.mp-btn-secondary {
    background: #ffffff;
    color: #999999;
}

.mp-btn-secondary:hover {
    color: #999999;
    text-decoration: none;
}

.mp-btn-primary {
    background: #FB621A;
    color: #ffffff;
}

.mp-btn-primary:hover {
    color: #ffffff;
    text-decoration: none;
}

.pop-total-price-body {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.541);
    top: 0;
    left: 0;
    z-index: 99011;
}

.pop-total-price-body:target {
    opacity: 1;
    visibility: visible;
}

.pop-total-body {
    min-height: 100%;
    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;
    padding: 30px 10px;
}

.pop-total-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    max-width: 420px;
    width: 100%;
    height: 100%;
    padding: 32px 16px 16px;
    text-align: center;
}

.pop-total-content img {
    max-width: 100px;
    height: 100px;
    margin-bottom: 16px;
}

.pop-total-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    margin: 0;
    margin-bottom: 4px;
}

.pop-total-description {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    margin: 0;
    margin-bottom: 4px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}

.pop-total-price {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    color: #FB621A;
    margin: 0;
    margin-bottom: 16px;
}

.pop-option-main {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: flex;
    flex-direction: column;
}

.pop-option-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 4px;
}

.option-price {
    margin-right: 5px;
}

.pop-option-name {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
}

.pop-points {
    width: 35%;
    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;
    overflow: hidden;
    height: 20px;
    margin: 0;
    padding: 0;
    color: #A0A0A0;
}

.pop-option-price {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    margin-right: 5px;
    margin-left: 8px;
}

.pop-btn-group {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
}

.pop-btn {
    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;
    text-align: center;
    max-width: 150px;
    width: 100%;
    height: 44px;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    border-radius: 9px;
}

.ft-btn-secondary {
    background: #ffffff;
}

.pop-btn-secondary {
    background: #F5F5F5;
    color: #222222;
    text-decoration: none;
}

.pop-btn-secondary:hover {
    text-decoration: none;
    color: #222222;
}

.pop-btn-primary {
    background-color: #FB621A;
    color: #ffffff;
    text-decoration: none;
}

.pop-btn-primary:hover {
    text-decoration: none;
    color: #ffffff;
}

.sl-title-main {
    margin: 0 !important;
    margin-bottom: 40px !important;
}

.select-body-title p {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;
    margin: 0;
    margin-bottom: 24px;
}

.form-group-select {
    max-width: 540px;
    width: 100%;
    font-size: 16px;
}

.form-control {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #222222;
    background: #FFFFFF;
    border-radius: 12px;
    height: 52px;
}

.form-control:checked {
    background-color: red;
}

.form-control .select-option {
    background: #FFFFFF;
    border-radius: 12px;
}

.form-control option {
    position: relative;
    top: 20px;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 42px;
    letter-spacing: 0.2px;
    color: #222222;
}

.fd-select-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    width: 100%;
    background: #FFFFFF;
    border-radius: 12px;
    cursor: pointer;
}

.fd-select {
    width: 100%;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    padding: 18px 16px;
    border-radius: 12px;
    font-stretch: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #222222;
    background-image: url("/img/estimate/icons/vector-select.svg");
    background-repeat: no-repeat;
    background-position: center right 15px;
}

.fd-select:active,
.fd-select:hover,
.fd-select:focus {
    outline: 0;
    outline-offset: 0;
}

.fd-select-icon-0 {
    align-self: center;
    width: 38px;
}

.select-wrap {
    max-width: 100%;
    width: 100%;
    margin: 20px auto;
}

.select-wrap select {
    margin: 20px;
}

.select__gap {
    background-color: #ffffff;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 20px;
    height: 52px;
    padding: 14px 16px;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.2px;
    color: #222222;
}

.on.select__gap,
.select__gap:hover {
    background-color: #fff;
}

.select__list {
    background: transparent;
    background-color: #ffffff;
    border-radius: 12px;
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    top: 62px;
    list-style: none;
    z-index: 99;
    padding: 16px 24px 24px 16px;
}

.select__list.on {
    display: block;
}

.select__item {
    margin: 0;
}

.select__item:not(:first-child) {
    padding-top: 10px;
    border-top: 1px solid #E0E0E0;
}

.select__item span {
    display: block;
    cursor: pointer;
    font-size: 13px;
    border: none;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 42px;
    letter-spacing: 0.2px;
    color: #222222;
}

.select__item.selected,
.select__item span:hover {
    color: #726b69;
    overflow: hidden;
}

.select__gap:after {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(/img/estimate/icons/arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 14px;
    left: 91%;
    z-index: 180;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.on.select__gap:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sl-select-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;
    margin: 0;
    margin-top: 40px;
    margin-bottom: 24px;
}

.sl-select-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 14px 16px;
    background-color: #ffffff;
    border-radius: 12px;
}

.sl-price-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.sl-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #222222;
    margin-left: 10px;
    border: none;
}

.sl-price::-webkit-outer-spin-button,
.sl-price::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.sl-price:active,
.sl-price:hover,
.sl-price:focus {
    -webkit-appearance: none;
    outline: 0;
    outline-offset: 0;
    -moz-appearance: textfield;
}

.sl-vehicle-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40px;
    max-width: 600px;
}

.sl-vehicle-body .sl-vehicle-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;
    margin: 0;
    margin-bottom: 24px;
}

.sl-btn-icon {
    cursor: pointer;
}

.sl-info-tooltip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.sl-info-tooltip .fd-info-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    width: 450px;
    min-height: 100px;
    padding: 14px 16px 14px 50px;
    background-color: #FB621A;
    color: #ffffff;
    border-radius: 12px;
    position: absolute;
    z-index: 990;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.sl-info-tooltip .fd-info-title::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 12px);
    z-index: 1;
    background-image: url(/img/estimate/icons/info-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    margin-left: 15px;
}

.sl-info-tooltip .fd-info-title::before {
    content: "";
    position: absolute;
    right: 85%;
    bottom: -18px;
    width: 20px;
    height: 8px;
    border-top: 12px solid transparent;
    border-right: 13px solid #FB621A;
    border-bottom: 12px solid transparent;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.fd-info-title-text {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    padding: 0;
    margin: 0;
    letter-spacing: 0.2px;
    color: #FFFFFF;
}

.sl-info-tooltip:hover .fd-info-title {
    visibility: visible;
}

.sl-vehicle-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 80px;
    flex-wrap: wrap;
}

.sl-card {
    background: #FFEDE4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 24px 20px;
    margin-bottom: 10px;
    width: calc(100% / 3 - 20px);
    margin-right: 20px;
    height: 225px;
    cursor: pointer;
    border: 2px dashed transparent;
}

.sl-card:nth-last-child(1) {
    margin-right: 0;
}

.sl-card .sl-card-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;
    margin: 0;
    margin-bottom: 4px;
}

.sl-card .sl-card-description {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #222222;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.sl-card-vehicle {
    opacity: 0.5;
}

.sl-card-vehicle:hover {
    opacity: 1;
}

.sl-card-vehicle.active {
    border: 2px dashed #FB621A;
    opacity: 1;
}


.sl-card-animation {
    -webkit-transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1);
}

.sl-card-animation:hover {
    background-position-x: 15px;
}

.sl-card-vehicle {
    background-repeat: no-repeat;
    background-position-y: 120px;
    background-position-x: 35px;
    background-size: 162px;
}

.pc-checkboc-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 700px;
    width: 100%;
}

.pc-checkbox-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.pc-checkbox-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;
    margin-bottom: 24px;
}

.pc-checkbox-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    padding: 0;
}

.pc-checkbox-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    margin-bottom: 20px;
}

.pc-checkbox-link:hover {
    text-decoration: none;
}

.pc-checkbox-link p {
    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;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    color: #999999;
    margin: 0;
    margin-left: 16px;
}

.pc-checkbox-tags-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #E0E0E0;
    padding-top: 40px;
}

.pc-checkbox-body-urgent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pc-btn-folder {
    margin-bottom: 17px;
}

.pc-checkbox-urgent-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 14px;
    line-height: 19.6px;
    color: #222222;
    margin: 0;
    margin-bottom: 8px;
}

.schedule-title,
.tw-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;
    margin: 0;
    margin-bottom: 24px;
}

.pc-checkbox-description {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 19.6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #999999;
    margin-bottom: 40px;
}

.pc-tw-data-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 233px;
    width: 100%;
    margin-bottom: 16px;
}

.pc-tw-data-time .tw-data,
.pc-tw-data-time .tw-time {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;
    margin: 0;
    margin-bottom: 24px;
}

.pc-select-tw-week,
.pc-select-tw-time {
    margin-bottom: 24px;
}

.weekly-checkbox-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wk-data-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
}

.wk-data-time > div {
    align-self: center;
}


.wk-data-time:nth-last-child(1) {
    margin-bottom: 0;
}

.wk-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 150px;
    height: 40px;
    cursor: pointer;
}

.wk-name .wk-day-text {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    color: #999999;
    margin-left: 16px;
    cursor: pointer;
}

.wk-data-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.wk-data-body-nochecked {
    opacity: 0.4;
}

.wk-data-body-nochecked .wk-hour,
.wk-data-body-nochecked .wk-minutes,
.wk-data-body-nochecked .wk-am-pm {
    cursor: no-drop;
}

.wk-data-body-nochecked .ft-tab-btn {
    cursor: no-drop;
}

.wk-data-body-checked {
    opacity: 1;
}

.wk-data-body-checked .wk-hour,
.wk-data-body-checked .wk-minutes,
.wk-data-body-checked .wk-am-pm {
    cursor: pointer;
}

.wk-data-body-checked .ft-tab-btn {
    cursor: pointer;
}

.wk-select-btn {
    margin-right: 0;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-start;
    width: 100%;
}

.wk-select-btn {
    margin-left: 15px;
}

.wk-select-btn > .fd-select-wrapper {
    max-width: 100px;
}

.wk-select-btn > .fd-select-wrapper ~ .fd-select-wrapper {
    margin-left: 10px;
}

.wk-select-btn .wk-select-btn ~ .wk-select-btn {
    margin-top: 14px;
}

.wk-hour,
.wk-minutes,
.wk-am-pm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    cursor: pointer;
}

.pc-promocode-title {
    width: 100%;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #222222;
    margin: 12px 0;
    text-align: left;
}

.pc-promocode {
    max-width: 475px;
    width: 100%;
    height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 16px;
    background: #ffffff;
    border-radius: 12px;
    margin-bottom: 20px;
}

.pc-promocode .pc-btn-dollar {
    margin-right: 18px;
}

.pc-promocode .rfield {
    max-width: 339px;
    width: 100%;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #222222;
    border: none;
}

.checkbox-checked .circle,
.checkbox-checked .tabs-text .number,
.tabs-text .checkbox-checked .number {
    background-color: #ffffff;
    background-image: url(/img/estimate/icons/checked.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.checkbox-checked .circle span,
.checkbox-checked .tabs-text .number span,
.tabs-text .checkbox-checked .number span {
    display: none;
}

.checkbox-nochecked .circle,
.checkbox-nochecked .tabs-text .number,
.tabs-text .checkbox-nochecked .number {
    border: 2px solid #999999;
}

.pc-checkbox-novisible {
    visibility: hidden;
}

.pc-checkbox-visible {
    visibility: visible;
}

.pc-data-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}


.pc-pst {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #222222;
    margin-left: 30px;
}

.fd-order-text {
    margin: 0;
    margin-bottom: 15px;
    margin-top: 90px;
}

.fd-input-title {
    margin-bottom: 32px;
}

.fd-input-description {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #222222;
}

.ft-btn {
    max-width: 160px;
    width: 100%;
    height: 44px;
    border-radius: 9px;
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    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;
    text-align: center;
    letter-spacing: 0.2px;
    margin-right: 10px;
}

.ft-btn:hover {
    text-decoration: none;
}

.ft-btn:nth-child(2) {
    margin-right: 0;
}

.ft-btn-primary {
    background: #FB621A;
    color: #ffffff;
}

.ft-btn-primary:hover {
    text-decoration: none;
    color: #ffffff;
}

.ft-btn-secondary {
    background: #ffffff;
    color: #999999;
}

.ft-btn-secondary:hover {
    text-decoration: none;
    color: #999999;
}

.ct-m {
    width: 100%;
    height: 100vh;
}

.hd-ft-main-body {
    width: 100%;
    height: 900px;
}

.al-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #ffffff;
    border-radius: 12px;
    padding: 24px 24px 24px 32px;
}

.al-text-title {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: 14px;
    line-height: 19.6px;
    color: #222222;
    margin: 0;
    margin-bottom: 10px;
}

.al-text-description {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 19.6px;
    color: #999999;
    margin: 0;
}

.al-alert-btn-block {
    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;
}

.al-btn {
    font-family: 'Red Hat Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    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;
    padding: 12px 24px;
    border-radius: 9px;
}

.al-btn:hover {
    text-decoration: none;
}

.al-btn-cancel {
    background: #F5F5F5;
    color: #222222;
    margin-right: 10px;
}

.al-btn-cancel:hover {
    text-decoration: none;
    color: #222222;
}

.al-btn-continue {
    background-color: #FB621A;
    color: #ffffff;
}

.al-btn-continue:hover {
    text-decoration: none;
    color: #ffffff;
}

/* iPad in landscape */

/* mobile */

@media (max-width: 1485px) {
    .tabs-text-main {
        margin-bottom: 10px;
    }
}

@media (max-width: 1305px) {
    .right-block .right-block-wrapper .right-block-body .fd-input-block .input-title,
    .rec-title,
    .fd-input-title {
        font-size: calc(30px + 6 * ((100vw - 320px) / 1440));
    }

    .hd-main-title {
        font-size: calc(22px + 18 * ((100vw - 320px) / 1440));
    }

    .hd-footer-title {
        font-size: calc(32px + 8 * ((100vw - 320px) / 1440));
    }

    .left-block .nav-block ul li a {
        font-size: calc(11px + 3 * ((100vw - 320px) / 1440));
    }

    .or-label-t {
        font-size: calc(10px + 6 * ((100vw - 320px) / 1440));
    }

    .or-label-r {
        font-size: calc(10px + 6 * ((100vw - 320px) / 1440));
    }

    .or-label {
        font-size: calc(10px + 6 * ((100vw - 320px) / 1440));
    }

    .or-lbl-number,
    .or-lbl-address {
        font-size: calc(11px + 3 * ((100vw - 320px) / 1440));
    }

    .sm-suit-text {
        font-size: calc(11px + 3 * ((100vw - 320px) / 1440));
    }

    .pm-checkbox-link p {
        font-size: calc(12px + 2 * ((100vw - 320px) / 1440));
    }

    .cr-label-r {
        font-size: calc(10px + 6 * ((100vw - 320px) / 1440));
    }

    .left-block .nav-block {
        margin-left: 30px;
        margin-right: 30px;
    }

    .sl-info-tooltip .fd-info-title {
        left: -363px;
    }

    .or-input-section .fd-edit {
        left: 36px;
    }

    .or-input-section .fd-delete {
        left: 34px;
    }

    .or-input-section .fd-user-id {
        left: -63px;
    }

    .or-input-section .up-input-camera-wrapper {
        left: -61px;
    }
}

@media (max-width: 1294px) {
    .or-right-sidebar {
        position: static !important;
    }
}

@media (max-width: 1260px) {
    .left-block .nav-block {
        margin: 0;
        margin-left: 20px;
    }
}

@media (max-width: 1200px) {
    .ft-tab-btn:nth-child(2) {
        margin-right: 0;
    }

    .or-input-section .ft-tab-btn:nth-child(2) {
        margin-right: 0;
    }

    .right-block .right-block-wrapper .right-block-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .right-block .right-block-wrapper .right-block-body .map-block .fd-right-block-btn {
        display: none;
    }

    .right-block .right-block-wrapper .right-block-body {
        margin-top: 33px;
    }

    .right-block .right-block-wrapper {
        padding-top: 20px;
    }

    .fd-input-block-text {
        margin-top: 0;
    }

    .right-block .right-block-wrapper .right-block-body .map-block {
        padding-top: 0;
        max-width: 610px;
    }

    .right-block .right-block-wrapper .user-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .right-block {
        width: 100%;
        min-height: 100vh;
    }

    .right-block .right-block-wrapper .right-block-body .map-block {
        position: static;
    }

    .right-block .right-block-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .user-row-map {
        display: none;
    }

    .fd-right-block-btn {
        display: none;
    }
}

@media (max-width: 1185px) {
    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-pick-up-block .pick-up-text {
        padding-right: 10px;
        padding-left: 10px;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-drop-off-block .btn-drop-off-text {
        padding-right: 10px;
        padding-left: 10px;
    }

    .right-block .right-block-wrapper .right-block-body .map-block .total-text {
        margin-top: 30px;
    }

    .map-hd-up {
        position: relative;
        width: 100%;
    }
}

@media (max-width: 1021px) {
    .right-block .right-block-wrapper .right-block-body {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width: 1019px) {
    .hd-header-body {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .hd-menu-nav {
        margin-top: 20px;
        width: 100%;
        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;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (max-width: 996px) {
    .sl-vehicle-cards {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sl-card {
        margin: 0;
        margin-bottom: 20px;
    }

    .sl-card:nth-child(odd) {
        margin-right: 20px;
    }

    .sl-card:nth-last-child(1) {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .al-text-description {
        margin-bottom: 10px;
    }

    .sl-info-tooltip .fd-info-title {
        left: 35px;
        width: calc(100% - 20px);
        min-width: 300px;
    }

    .sl-info-tooltip.no-position {
        position: unset !important;
    }

    .sl-info-tooltip.no-position .fd-info-title::before {
        right: 5%;
    }

    .sl-info-tooltip.no-position .fd-info-title {
        left: 44px;
        width: 100%;
        min-width: calc(100% + 32px);
    }

    .or-input-section .fd-edit {
        left: 55px;
    }

    .or-input-section .fd-delete {
        left: 53px;
    }

    .or-input-section .fd-user-id {
        left: -45px;
    }

    .or-input-section .up-input-camera-wrapper {
        left: -42px;
    }

    .rec-rc-input-secur:nth-last-child(1) {
        margin-bottom: 24px;
    }

    .rec-rc-input-secur:nth-last-child(2) {
        margin-bottom: 24px;
    }
}

@media (max-width: 950px) {
    .left-block .ft-logo-footer {
        padding-left: 0px;
    }
}

@media (max-width: 935px) {
    .tabs-text-main {
        margin-bottom: 10px;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .tabs-body .btn {
        margin-top: 20px;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .tabs-body .tabs-text .tabs-text-left .field-wrap #address {
        width: 100%;
    }

    .field-wrap {
        max-width: 600px;
        width: 100%;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .tabs-body .tabs-text #number {
        width: 80%;
        margin-top: 5px;
    }
}

@media (max-width: 900px) {
    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-pick-up-block {
        margin-bottom: 20px;
        margin-right: 10px;
    }

    .btn-pick-up-block {
        max-width: 270px;
        margin-right: 0;
        width: 100%;
        margin-left: 10px;
    }

    .pick-up-text {
        width: 100%;
    }

    .btn-drop-off-block {
        max-width: 270px;
        width: 100%;
    }

    .btn-drop-off-text {
        width: 100%;
    }
}

@media (max-width: 790px) {
    .wk-name {
        margin-right: 20px;
    }
}

@media (max-width: 776px) {
    .left-block .nav-block ul li .circle,
    .left-block .nav-block ul li .tabs-text .number,
    .tabs-text .left-block .nav-block ul li .number {
        margin-right: 5px;
    }
}

@media screen and (max-width: 768px) {
    .hd-ft-main-body {
        margin-top: 30px;
        height: 600px;
        padding-bottom: 40px;
    }

    .hd-ft-main-body .hd-main {
        width: 100%;
        height: 100%;
    }

    .hd-main-link {
        padding: 18px 35px;
    }
}

@media (max-width: 768px) {
    .hd-header-body {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .hd-header-body .hd-menu-nav {
        display: none;
    }

    .hd-header-body .header-logo {
        display: none;
    }

    .mob-hd-menu-primary {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    .container-fluid {
        padding: 0;
        margin: 0;
    }

    .user-row {
        margin-right: 20px;
    }

    .menu-sidebar {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        max-width: 500px;
        background-color: #ffffff;
        padding-top: 12px;
        height: 100%;
        padding-left: 2%;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform 0.2s;
        transition: -webkit-transform 0.2s;
        -o-transition: transform 0.2s;
        transition: transform 0.2s;
        border-radius: 0 15px 15px 0;
        z-index: 991;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .menu-sidebar.active {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        z-index: 990;
    }

    .left-block .nav-block {
        margin-top: auto;
        margin-bottom: 50%;
    }

    .m-menu {
        position: absolute;
        top: 25px;
        left: 20px;
        border: none;
        width: 32px;
        height: 32px;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-left: 12px;
        margin: 0;
        padding: 0;
        z-index: 10000;
    }

    .m-menu:active,
    .m-menu:focus {
        outline: none;
    }

    .m-menu .line {
        width: 32px;
        height: 4px;
        background-color: #fb621a;
        border-radius: 5px;
        transition: all .3s;
    }

    .m-menu.active .line:nth-child(2) {
        display: none;
    }

    .m-menu.active .line:nth-child(1) {
        transform: rotate(45deg);
        background-color: #A0A0A0;
    }

    .m-menu.active .line:nth-child(3) {
        transform: rotate(-45deg);
        margin-top: -100%;
        background-color: #A0A0A0;
    }

    .right-block {
        position: absolute !important;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-pick-up-block {
        margin-bottom: 20px;
        margin: 10px;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-drop-off-block {
        margin: 10px;
    }

    .ft-logo-footer {
        display: none;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .right-block .right-block-wrapper {
        padding-top: 0 !important;
    }

    .right-block .right-block-wrapper .right-block-btn-block {
        margin: 0;
        position: relative;
        bottom: auto;
        right: auto;
        min-width: 100%;
        justify-content: center !important;
    }

    .sl-card {
        width: 100%;
    }

    .pc-checkbox-tags-main {
        min-width: 100% !important;
    }

    .left-block ~ div {
        margin-left: 0;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .drag-and-drop {
        max-width: 700px;
    }

    .dr-upload,
    .up-input-file-button {
        max-width: 700px;
    }

    .mp-popup-address {
        padding-right: 0;
        padding-right: 10px;
    }

    .sl-vehicle-cards {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sl-card {
        margin: 0;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .ft-main-body {
        position: static;
    }

    .right-block {
        min-height: 100%;
    }

    body {
        background: #F6F6F9;
    }

    .right-block-wrapper {
        overflow: visible;
        overflow-y: visible;
    }

    .fp-btns:nth-last-child(1) {
        margin-right: 20px;
    }
}

@media (max-width: 751px) {
    .right-block .right-block-wrapper {
        width: 100%;
        padding: 0;
        padding-top: 20px;
        padding-bottom: 10px;
    }
}

@media (max-width: 720px) {
    .fp-btns-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .fp-btns {
        padding: 10px;
    }
}

@media (max-width: 696px) {
    .tabs-text-main {
        max-width: 700px;
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (max-width: 611px) {
    .sl-vehicle-cards {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sl-card {
        margin: 0;
        margin-bottom: 20px;
    }

    .sl-card:nth-child(odd) {
        margin-right: 20px;
    }

    .sl-card:nth-last-child(1) {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 592px) {
    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .tabs-body .tabs-text {
        margin-right: 0;
    }
}

@media (max-width: 575px) {
    .map-block {
        width: 100%;
    }
}

@media (max-width: 551px) {
    .rec-logo-footer {
        max-width: 112px;
        width: 100%;
        height: 68px;
        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;
    }

    .rec-logo-footer img {
        width: 100%;
    }
}

@media (max-width: 544px) {
    .or-input-section .fd-edit {
        left: 34px;
    }

    .or-input-section .fd-delete {
        left: 31px;
    }

    .or-input-section .fd-user-id {
        left: -66px;
    }

    .or-input-section .up-input-camera-wrapper {
        left: -63px;
    }
}


@media (max-width: 538px) {
    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sec-title {
        margin: 0;
        margin-bottom: 10px;
    }
}

@media (max-width: 514px) {
    .or-input-suit {
        padding-right: 0;
        width: 80px;
    }
}

@media (max-width: 500px) {
    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .tabs-body .tabs-text #number {
        margin-left: 0;
        width: 100%;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-pick-up-block {
        margin: 0;
        margin-bottom: 20px;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-drop-off-block {
        margin: 0;
    }
}

@media (max-width: 481px) {
    .wk-data-time {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .wk-data-body-checked .ft-tab-btn {
        margin-right: 0;
    }

    .wk-name {
        margin-right: 0;
    }
}

@media (max-width: 450px) {
    .mp-main-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .mp-popup-map {
        margin-top: 20px;
        height: 600px;
        margin-top: 40px;
        padding-top: 40px;
    }

    .mp-popup-map .po-map {
        border-radius: 0;
    }

    .mp-btn-group {
        margin-bottom: 40px;
    }

    .mp-popup-address .mp-address-up .mp-delivery-loc {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .mp-custom-dw {
        max-width: 800px;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sm-suit-text {
        position: absolute;
        display: block;
        left: 51px;
        bottom: 1px;
        white-space: nowrap;
    }

    .or-input-section .ft-tab-btn {
        width: 40px;
        height: 40px;
    }

    .input-main-section {
        padding: 10px 10px 0 10px;
    }

    .tabs-text-main {
        margin-right: 0;
    }

    .or-input-pick-up {
        width: 100% !important;
    }

    .or-input-suit {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        position: relative;
        right: 255px;
        bottom: -37px;
        margin-left: 30px;
    }

    .or-suitch {
        position: relative;
        top: 51px;
        right: 380px;
    }


    .or-input-section .edit {
        left: 70px;
        bottom: 4px;
    }

    .or-input-section .delete {
        left: 70px;
        bottom: 15px !important;
    }

    .input-main-section .number {
        position: relative;
        top: 12px !important;
        right: 2px;
        left: 5px;
    }

    .or-lbl-number, .or-input-line, .fdk-lo, .or-input-suit {
        display: none;
    }

    .or-line {
        top: 25px;
        right: 118px;
        height: 50px;
    }

    .or-line-2 {
        top: 15px;
        right: 156px;
        height: 50px;
    }

    .or-input-section .fd-edit {
        left: 82px;
    }

    .or-input-section .fd-delete {
        left: 84px;
    }

    .or-input-section .fd-user-id {
        left: -5px;
    }

    .or-input-section .up-input-camera-wrapper {
        left: -6px;
    }

    .fd-ol {
        top: 50px;
        width: 40px !important;
    }

    .fdk-lo {
        right: 133px;
        top: 19px;
    }

    .iko-pl {
        top: 39px !important;
    }

    .iko-pl-0 {
        top: 35px !important;
    }

    .or-line-2 {
        top: 27px;
    }
}

@media (max-width: 437px) {
    .sl-vehicle-cards {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sl-card {
        max-width: 300px;
        margin: 0;
        margin-bottom: 20px;
    }

    .sl-card:nth-child(odd) {
        margin-right: 0;
    }

    .sl-card:nth-last-child(1) {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 424px) {
    .or-suitch {
        right: 370px;
    }

    .or-line-2 {
        right: 145px;
    }
}

@media (max-width: 408px) {
    .or-input-section .fd-edit {
        left: 82px;
    }

    .or-input-section .fd-delete {
        left: 32px;
        top: 65px;
    }

    .or-input-section .fd-user-id {
        left: -58px;
        top: 114px;
    }

    .or-input-section .up-input-camera-wrapper {
        left: -7px;
    }

    .or-suitch {
        right: 361px;
    }

    .or-line-2 {
        right: 136px;
    }

    .or-delivery-image-section {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .or-hide-photo:target {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 400px) {
    .tabs-text .tabs-text-right {
        width: 100%;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .tabs-body .tabs-text {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .hd-btn {
        padding: 9px 18px;
    }

    .right-block .right-block-wrapper .right-block-btn-block {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        padding: 0;
    }

    .pc-data-time {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .pc-pst {
        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;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 0;
    }

    .fp-btns:nth-last-child(1) {
        margin-right: 0;
    }

    .fp-btns-block {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .or-input-suit {
        padding-right: 0;
        width: 120px;
        margin-left: 40px;
    }

    .or-input-pick-up {
        width: 200px;
    }
}

@media (max-width: 390px) {
    .or-input-section .edit {
        left: 70px;
        bottom: 26px;
    }

    .or-input-section .delete {
        left: 20px;
        bottom: -21px;
    }
}


@media (max-width: 380px) {
    .or-line-2 {
        right: 124px;
        top: 27px;
    }
}

@media (max-width: 376px) {
    .or-suitch {
        right: 347px;
    }

    .or-line-2 {
        right: 121px;
    }
}

@media (max-width: 360px) {
    .right-block .right-block-wrapper .right-block-body .map-block .extented .extented-link {
        padding-left: 10px;
        padding-right: 10px;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .tabs-body .tabs-text {
        padding: 10px 10px;
    }
}

@media (max-width: 357px) {
    .or-input-section .fd-edit {
        left: 60px;
    }

    .or-input-section .fd-delete {
        left: 11px;
    }

    .or-input-section .fd-user-id {
        left: -77px;
    }

    .or-input-section .up-input-camera-wrapper {
        left: -30px;
    }
}

@media (max-width: 343px) {
    .or-line-2 {
        right: 110px;
        top: 27px;
    }
}

@media (max-width: 326px) {
    .or-suitch {
        right: 322px;
    }

    .or-line-2 {
        right: 101px;
    }
}


@media (max-width: 308px) {
    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-pick-up-block {
        max-width: 270px;
        height: 50px;
        width: 100%;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-pick-up-block .pick-up-text {
        padding: 0;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-drop-off-block {
        max-width: 270px;
        height: 50px;
        width: 100%;
    }

    .right-block .right-block-wrapper .right-block-body .fd-input-block .tabs-block .tabs-content .btn-group .btn-drop-off-block .btn-drop-off-text {
        padding: 0;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 300px) {
    .or-input-section .fd-edit {
        left: 49px;
    }

    .or-input-section .fd-delete {
        left: -1px;
    }

    .or-input-section .fd-user-id {
        left: -91px;
    }

    .or-input-section .up-input-camera-wrapper {
        left: -40px;
    }

    .or-line-2 {
        right: 90px;
    }
}

@media (max-width: 240px) {
    .hd-header-body {
        margin-top: 25px;
    }

    .hd-btn {
        padding: 6px 8px;
    }

    .hd-main-link {
        padding: 15px 20px;
    }
}

@media (max-height: 840px) {
    .or-right-sidebar {
        position: static !important;
        height: 100%;
    }

    .right-block {
        width: 100%;
        min-height: 100vh;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .hd-main-link {
        padding: 18px 35px;
    }
}

@media only screen and (max-height: 600px) {
    .mp-main-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .mp-popup-map {
        margin-top: 20px;
        height: 600px;
    }

    .mp-popup-map .po-map {
        margin-top: 40px;
        border-radius: 0;
    }

    .mp-btn-group {
        margin-bottom: 40px;
    }

    .mp-popup-address .mp-address-up .mp-delivery-loc {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .mp-custom-dw {
        max-width: 800px;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-height: 499px) {
    .ft-main-body {
        position: static;
        height: 100%;
    }
}