#home-search .select2-container {
    padding: 20px 5px 0 35px;
}

#home-search .select2-container .select2-selection {
    border: none;
}

#home-search .select2-container .select2-selection .select2-selection__rendered, #home-search .select2-container .select2-selection .select2-selection__rendered .select2-selection__placeholder {
    border: none;
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    color: #000;
}

#home-search .select2-container .select2-selection .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
}

#home-search .select2-container .select2-selection .select2-selection__arrow {
    border: none;
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    color: #000;
    top: 13px;
}

.select2-dropdown {
    border: 1px solid #e0e0e0;
    z-index: 4600;
}

.dropdown-item {
    margin-left: 20px;
}

header .dropdown-menu {
    width: max-content;
    min-width: 120px;
}

header .dropdown-row img {
    width: 15px;
    height: 14px;
    box-shadow: 0 0 2px;
    border-radius: 50%;
}

header .dropdown-menu.location .dropdown-row a {
    margin-left: 8px;
    font-size: 13px;
}

header .dropdown-row {
    padding: 7px 10px;
    display: flex;
    align-items: center;
}

header .dropdown-item {
    margin-left: 15px;
}

.dropdownMenuButton .selected-country {
    position: absolute;
    width: 16px;
    top: 7px;
    left: 8px;
    height: 14px;
    object-fit: cover;
    border-radius: 50%;
}

.dropdownMenuButton .el-input__inner {
    padding: 2px 0 0 32px;
    font-size: 13px;
    height: 100%;
}

.dropdownMenuButton .el-input__suffix {
    top: 2px !important;
}

#menu-lang {
    min-width: 120px;
    height: 120px;
    margin-top: 0px;
    -webkit-transition: all .5s ease-out;
    transition: all 2s ease-out;
}

header #dropdownMenuButton, header #dropdownMenuButton2 {
    border: 0px;
    background-color: rgba(0, 0, 0, 0);
    width: 120px;
    padding: 0px;
    margin: 0 10px 0 0;
    display: flex;
    align-items: center;
    height: 28px;
}

.el-icon-arrow-down {
    color: #000;
    font-weight: 700;
    padding-left: 80px;
    padding-top: 6px;
}

.el-input__suffix-inner {
    margin-right: 7px;
    color: #000;
    font-weight: 700;
}

.dropdown-row {
    padding-top: 7px;
    padding-bottom: 7px;
}

.dropdown-text {
    margin-right: 7px;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 700;
}

.r-place .el-form-item__label {
    top: 4px;
    left: 38px;
}

.el-input__prefix, .el-input__suffix {
    position: absolute;
    top: 17% !important;
    left: 10px;
}

.datetime-picker__left .datetime-picker__date input.el-input__inner, .datetime-picker__right .datetime-picker__date input.el-input__inner {
    padding: 14px 5px 0 36px;
}

.ui-widget.ui-widget-content {
    z-index: 5555 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
}

section.imgr {
    background: #b8c3c9;
}

section.imgr .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.imgr img {
    width: 50%;
    padding-top: 15px;
}

section.imgr .text-block {
    width: 45%;
}

section.imgr .text-block p {
    font-size: 24px;
    font-weight: 500;
    color: #1e1f20;
    line-height: 120%;
}

.dropbtn {
    background-color: white;
    color: black;
    padding: 5px 9px;
    width: 150px;
    font-size: 13px;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content li {
    color: black;
    font-size: 13px;
    padding: 5px 9px;
    text-decoration: none;
    display: block;
}

.dropdown-content input {
    float: left;
    margin-right: 10px;
}

.dropdown-content button {
    color: black;
    font-size: 13px;
    padding: 5px 9px;
    text-decoration: none;
    display: block;
    text-align: center;
    width: 100%;
}

.time-picker {
    width: 50%;
}

.content .step--1 p {
    font-size: unset;
    padding: 0;
}

.reservation-page-back-img {
    position: absolute;
    top: -20px;
    z-index: -1;
    width: 100%;
}

.reservation-page-back-img img {
    height: 170px;
    width: 100%;
    object-fit: cover;
}

.reservation-page-back-img-text {
    color: white;
    position: absolute;
    top: 30px;
    display: flex;
}

.reservation-page-back-img-text h2 {
    font-size: 24px;
    margin-left: 20px;
    margin-top: 4px;
}

.r-header__back {
    font-size: 15px;
}

.car-filter-margin {
    margin-left: 15px;
}

.car-filter .btn {
    width: 118px;
}

.text-1 {
    font-size: 32px;
    font-weight: bold;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 10px;
}

.text-2 {
    font-size: 26px;
}


.text-3 {
    font-size: 18px;
    padding: 0 0 5px;
}

.text-4 {
    font-size: 16px;
}

.bold {
    font-weight: bold;
}

.flex {
    display: flex;
}

.space-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.wrap {
    flex-wrap: wrap;
}

.relative {
    position: relative;
}

.rent-btn {
    border: 1px solid #082;
    border-radius: 20px;
    padding: 8px 30px;
    font-weight: bold;
    background: #082;
    color: white;
    margin-top: 0px;
    margin-bottom: 20px;
}

.rent-btn:hover {
    color: white;
}

/*reservation page*/
.reservation-page {
    padding-bottom: 40px;
    position: relative;
    padding-top: 84px;
}

.reservation-page .order-success {
    display: none;
}

.reservation-page-success .order-success {
    display: block;
    background: green;
    padding: 20px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    text-align: center;
}

.reservation-page-success .finished {
    display: block !important;
}

/*.reservation-page-success .inactive{*/
/*    display: none;*/
/*}*/

.reservation-page-success .step--3 .active, .reservation-page-success .step--3 .finished {
    display: none !important;
}

.reservation-page-success .step--4 {
    display: none !important;
}

.reservation-page-success .step--3 .inactive {
    display: block !important;
    background: white;
    margin: 20px auto;
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-box-shadow: #eee 2px 2px 8px 2px;
    box-shadow: 2px 2px 8px 2px #eee;
    padding-bottom: 15px;
}

/*.reservation-page-success input{*/
/*    pointer-events: none;*/
/*    opacity: .65;*/
/*}*/

.reservation-page-success .step .el-button, .reservation-page-success .rent-btn {
    pointer-events: none;
    opacity: .65;
}

.disactive-price {
    text-decoration: line-through;
    color: red;
    margin-right: 12px;
}

.reservation-page .left-side {
    margin-bottom: 40px;
}

.first-block .about-car {
    padding: 20px 25px;
}

.first-block .img-block img {
    width: 100%;
    height: 223px;
    object-fit: cover;
}

.second-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.price {
    color: #082;
}

.underline {
    text-decoration: underline;
}

.reservation-page .right-side .block, .reservation-page .left-side {
    background: white;
    border-radius: 10px;
    padding: 20px 25px;
    box-shadow: 0 0 20px #cdcdcd;
}

.reservation-page .right-side .location-time-corrections .branch-selector .select2-container--default .select2-selection--single {
    height: 40px;
    color: #606266;
    border: 1px solid #dcdfe6;
}

.reservation-page .right-side .location-time-corrections .select2-selection__rendered {
    padding: 6px 0 0 31px;
}

.reservation-page .right-side .location-time-corrections b {
    margin-left: -12px;
    margin-top: 5px;
}

.reservation-page .right-side .location-time-corrections .el-input__inner {
    padding: 0 31px;
}

.reservation-page .right-side .location-time-corrections .el-input__prefix {
    top: 4% !important;
}

.reservation-page .right-side .location-time-corrections .relative {
    width: 49%;
}

.reservation-page .right-side .location-time-corrections .el-input__inner {
    width: 100%;
}

.reservation-page .drop-off {
    border-top: 1px solid #dcdfe6;
    margin-top: 20px;
    padding-top: 20px;
}

.reservation-page .third-block .insurance-block {
    margin-top: 20px;
}

.reservation-page .fourth-block .attributes, .reservation-page .fifth-block, .reservation-page .fifth-block .form-2 {
    margin-top: 20px;
}

.reservation-page .fourth-block .attributes .r-addition {
    min-height: unset;
    margin-bottom: 20px;
}

.reservation-page .fourth-block .attributes .r-addition__container {
    height: 100px;
}

.reservation-page .fourth-block .attributes .r-addition__desc {
    flex-direction: column;
    align-items: flex-start;
}

.reservation-page .fourth-block .attributes .r-addition__icon {
    width: 40px;
    font-size: 24px;
    padding-top: 7px;
}

.reservation-page .fourth-block .attributes .r-addition__amountbar.quantity {
    height: 100px;
}

.reservation-page .fourth-block .attributes .r-addition__amountbar.quantity .el-input-number {
    width: 100%;
    display: flex;
    line-height: unset;
    flex-direction: column;
    height: 100px;
}

.reservation-page .fourth-block .attributes .r-addition__amountbar.quantity.r-addition__amountbar-services .el-input-number {
    justify-content: center;
}

.reservation-page .fourth-block .attributes .r-addition__amountbar.quantity .value-button {
    width: 50px;
    color: #ed1c24;
    font-size: 26px;
    height: 36px;
}

.reservation-page .fourth-block .attributes .r-addition__amountbar.quantity .value-button.plus {
    font-size: 20px;
    padding-top: 6px;
}

.reservation-page .fourth-block .attributes .r-addition__amountbar.quantity .value-button:hover {
    background: #ddd;
}


.reservation-page .fourth-block .checkmark-label input {
    height: 80px;
}


.reservation-page .fourth-block .attributes .r-addition__amountbar.quantity input {
    width: 50px;
    height: 27px;
    border: none;
    background: #f5f5f9;
    outline: none;
    text-align: center;
    padding-top: 4px;
}

.reservation-page .fifth-block {
    background: white;
    padding: 20px 25px;
    box-shadow: 0 0 20px #cdcdcd;
    margin-bottom: 17px;
    margin-top: 40px;
}

.reservation-page .fifth-block .wrapper {
    padding-bottom: 12px;
    margin-top: 10px;
}

.reservation-page .fifth-block .block {
    border-right: 1px solid #cdcdcd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 160px;
}


.reservation-page .fifth-block .block .special-height {
    height: 30px;
}

.reservation-page .fifth-block .block:last-child {
    border-right: none;
}

.reservation-page .fifth-block .text-2 {
    margin: 0 0 5px;
}

.reservation-page .fifth-block .text-3 {
    margin: 0;
}

.reservation-page .sixth-block .text-2 {
    margin-bottom: 20px;
}

.reservation-page .sixth-block label {
    margin: 0 25px 10px 0;
}

.reservation-page .sixth-block label input {
    margin: -2px 8px 0 0;
}

.reservation-page .sixth-block .form-2 {
    margin-top: 20px;
}

.reservation-page .sixth-block .form-2 .f-input-parent {
    width: 100%;
    margin-bottom: 15px;
}

.reservation-page .sixth-block .form-2 .f-input-parent label {
    color: red;
    font-size: 14px;
    margin-bottom: 0;
}

.reservation-page .sixth-block .form-2 .f-input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 20px;
    width: 100%;
    margin: 0;
    color: black;
}

.reservation-page .sixth-block .order-form-company-inputs {
    display: none;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 30px;
    padding-bottom: 15px;
    width: 100%;
}

.reservation-page .inline-grid {
    display: inline-grid !important;
}

.reservation-page .seventh-block .text-border {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 15px;
}

.reservation-page .seventh-block .order-info .flex {
    padding-top: 5px;
}

.reservation-page .seventh-block img {
    width: 65%;
    margin: 0 17%;
}

.reservation-page .seventh-block .car-modal {
    text-align: center;
    margin-bottom: 20px;
}

.reservation-page .seventh-block .order-info {
    margin-top: 15px;
    border-top: 1px solid #cdcdcd;
    padding-top: 15px;
}

.reservation-page .seventh-block .order-info .car-discount {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-end;
    width: 50%;
    line-height: 1;
}

.reservation-page .seventh-block .order-info .car-discount .just-car-price_without_discount {
    text-decoration: line-through;
    color: #ed1c24;
}

.reservation-page .checkmark-label .checkmark {
    border: none;
}

.reservation-page .checkmark-label input {
    border: none;
    -moz-appearance: none;
    background: white;
    cursor: pointer;
    -webkit-appearance: none;
}

.reservation-page .checkmark-label input:before {
    content: "\2713";
    font-size: 25px;
    padding: 1px 11px;
    color: transparent !important;
    background: white;
    display: block;
    width: 40px;
    height: 40px;
    border: none;
}

.reservation-page .checkmark-label input:focus {
    outline: none;
}

.reservation-page .r-insurance--green .checkmark-label input:checked:before {
    color: #082 !important;
}

.reservation-page .r-insurance--orange .checkmark-label input:checked:before {
    color: #f7ba00 !important;
}

.reservation-page .r-insurance--red .checkmark-label input:checked:before {
    color: #ed1c24 !important;
}

.reservation-page .fourth-block .checkmark-label input {
    background: #ddd;
    border-radius: 5px;
    margin: 10px 10px;
}

.reservation-page .fourth-block .checkmark-label input:before {
    width: 32px;
    height: 80px;
    background: #ddd;
    color: white !important;
    border-radius: 5px;
    padding: 13px 9px;
    font-size: 20px;
    display: flex;
    align-items: center;
}

.reservation-page .fourth-block .checkmark-label input:checked:before {
    background: #082;
}


.reservation-page .step-block {
    display: none;
}

.reservation-page .is-finished, .reservation-page .is-active, .reservation-page .is-inactive {
    display: block;
}

.reservation-page .select2-container {
    width: 100% !important;
}

.reservation-page .step__index {
    font-size: 16px;
}

.reservation-page .active .step__index, .reservation-page .inactive .step__index {
    padding: 20px 20px 0;
}

.reservation-page .step__title {
    padding: 3px 20px 0;
}

.reservation-page .is-inactive {
    padding-bottom: 15px;
}

.reservation-page .category-filters {
    margin: 10px 20px 0;
}

.reservation-page .fa-arrow-circle-o-up, .reservation-page .fa-clock-o {
    font-size: 28px;
}

.step__header .offer__model > img {
    max-width: 100%;
    max-height: 100%;
}

.step__header .offer__model {
    text-align: center;
    height: 84px;
    margin: 4px;
}

.step__header .offer {
    display: flex;
    align-items: stretch;
}

.step__header .offer__desc {
    text-align: left;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.step__header .offer__title {
    padding: 4px 20px;
    font-weight: 700;
    font-size: 1.6em;
}

.step__header .offer__subtitle {
    padding: 0 20px;
    color: #888;
    line-height: 1.4em;
}

.step__header .offer__limit {
    text-align: left;
    padding: 20px;
    padding-right: 5px;
    min-width: 140px;
    border-left: 1px solid #ddd;
}

.step__header .offer__limit .value {
    color: #082;
    font-weight: 700;
    font-size: 1.6em;
    line-height: 1.4em;
}

.step__header .offer__desc, .step__header .offer__limit, .step__header .offer__model {
    display: flex;
    align-items: center;
}

.reservation-page .step-2-active-block {
    box-shadow: unset;
    border: none;
}

.reservation-page .step-2-active-block .step__header {
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-box-shadow: #eee 2px 2px 8px 2px;
    box-shadow: 2px 2px 8px 2px #eee;
    background: #fff;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.reservation-page .step-2-active-block .r-offer__title {
    padding: 4px 20px;
    font-weight: 700;
    font-size: 1.35em
}

.reservation-page .step-2-active-block .r-offer__subtitle {
    height: 40px;
    padding: 4px 20px 10px;
    color: #888;
    font-size: .9em;
}

.reservation-page .step-2-active-block .r-offer__props {
    display: flex;
    align-items: center;
    border-top: 1px solid #ddd;
    padding: 13px 0 13px 10px;
    flex-wrap: wrap;
}

.reservation-page .step-2-active-block .r-offer {
    border-radius: 4px;
    border: 1px solid #ddd;
}

.reservation-page .step-2-active-block .r-offer__model {
    position: relative;
    text-align: center;
    width: 100%;
    min-height: 160px;
    max-width: 250px;
    margin: 0 auto;
    height: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.r-offer__model > img {
    max-width: 100%;
    max-height: 100%;
}

.r-offer__props > span {
    width: auto;
    margin: 5px 3px;
    font-size: 14px;
    font-weight: 700;
    color: #3b5264;
    display: flex;
    align-items: center;
}

.r-offer__props > span > i {
    color: #ed1c24;
    margin-right: 4px;
    font-size: 14px;
    display: flex;
}

.r-offer__price {
    border-top: 1px solid #ddd;
    text-align: center;
}

.r-offer .el-radio {
    height: auto;
    padding: 10px;
    margin: 0;
    width: 100%;
    text-align: center;
    background-color: #f5f5f9;
    font-size: 12px;
    cursor: default;
    color: #606266;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}

.r-offer .el-radio__input.is-checked + .el-radio__label {
    border-color: #082;
    color: #082;
}

.r-offer .el-radio__input.is-checked {
    display: none;
}

.r-offer .el-radio__label > span.amount {
    font-weight: 400;
    color: #3b5264;
    font-size: .9em;
    margin: 2px 0 6px;
    display: block;
}

.r-offer .el-radio__label > span {
    display: block;
    font-weight: 700;
}

.r-offer__submit {
    padding: 15px;
    border-top: 1px solid #ddd;
    text-align: center;
}

.r-offer__submit .btn {
    width: 100%;
}

.r-insurance__list .el-table .cell {
    font-size: 12px;
}

.r-insurance__footer {
    padding: 10px 20px;
}

.r-insurance [class^="i-"]:before {
    vertical-align: middle;
}

.step--3 {
    border: none;
    box-shadow: unset;
}

.step--3 .is-inactive, .step--3 .is-finished {
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 2px 2px 8px 2px #eee;
}

.step--3 .insurance-block {
    margin-top: 15px;
    flex-wrap: wrap;
}

.step--3 .attributes .step__header {
    margin-bottom: 20px;
    padding-left: 15px;
}

.step--3 .is-finished .attributesAllInfo {
    border-top: 1px solid;
    padding-top: 5px;
}

.step--3 .step__header .step__header-extra {
    right: 35px;
}

.step--4 .sixth-block {
    padding: 20px 0 80px 20px;
}

.step--4 .seventh-block {
    padding: 0 20px 20px 0;
    margin-top: -25px;
}

.step--4 .sixt-block-1 .complete-order-button {
    position: absolute;
    bottom: 5px;
    width: 69%;
}

.step--4 .sixt-block-1 .step__content {
    position: relative;
}

.i-panek-ico-shield3:before {
    vertical-align: middle;
}

.r-place__bottom input[type=checkbox] {
    margin: -2px 6px 0 0;
}

.cars__list .disactive-price {
    color: black;
    text-decoration: line-through;
    margin-right: 20px;
}

.cars__list .disactive-price span {
    color: black;
    text-decoration: line-through;
}

.display-none {
    display: none;
}

.custom-el-select {
    display: block;
    width: 50%;
}

.custom-select-ltr {
    border: none;
    -webkit-appearance: none;
    background-image: url(/images/arrow.png);
    background-repeat: no-repeat;
    background-position: right 13px center;
    height: 40px;
    padding-left: 20px;
}


.custom-checkbox input[type='checkbox'] {
    min-width: 20px;
    min-height: 20px;
    cursor: pointer;
    position: absolute;
    opacity: 0;
    z-index: 2;
}

.custom-checkbox input[type='checkbox']:checked {
    content: "";
    background-color: green;
}

.custom-checkbox input[type='checkbox']:checked ~ .checkmark:after {
    display: block;
    left: 6px;
    top: 3px;
    width: 6px;
    height: 10px;
}

.custom-checkbox label {
    margin: 0 25px 5px 33px !important;
    font-size: 12px !important;
    font-weight: 500;
}

.custom-checkbox .checkmark {
    position: absolute;
    min-width: 20px;
    min-height: 20px;
    background-color: white;
    border: 1px solid #C4D0D9;
    vertical-align: middle;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
}

.custom-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 8px;
    top: 2px;
    width: 9px;
    height: 16px;
    border: solid black;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.step-block .cars {
    margin-top: 25px;
}

.cars .r-offer {
    width: 100%;
    margin: 0 0 15px 0;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.cars .r-offer__model {
    position: relative;
    text-align: center;
    width: 100%;
    min-height: 160px;
    max-width: 250px;
    margin: 0 auto;
    height: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cars .r-offer__title {
    padding: 4px 20px 0;
    font-weight: 700;
    font-size: 1.35em;
}

.cars .r-offer__subtitle {
    height: 40px;
    padding: 0 20px 10px;
    color: #888;
    font-size: .9em;
}

.cars .r-offer__props {
    border-top: 1px solid #ddd;
    padding: 13px 20px;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cars .r-offer__price {
    border-top: 1px solid #ddd;
    text-align: center;
    display: block;
}

.cars .r-offer__submit {
    padding: 15px;
    border-top: 1px solid #ddd;
    text-align: center;
}

.cars-2 {
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
    min-height: 350px;
}

.cars-2 a {
    width: 25%;
    padding: 1%;
}

.all-cars-page .r-offer {
    display: flex;
    align-items: center;
}

.all-cars-page .r-offer__model {
    width: 60%;
    min-height: 160px;
    max-width: unset;
    margin: 0;
    height: 290px;
}

.all-cars-page .r-offer__model > img {
    width: 95%;
    height: 90%;
    object-fit: contain;
}

.all-cars-page .block-2 {
    width: 40%;
    display: flex;
    flex-direction: column;
    margin: 50px 20px;
    justify-content: space-evenly;
}

.all-cars-page .r-offer__subtitle {
    height: unset;
    padding: 0 20px 10px;
    font-size: 14px;
}

.all-cars-page .r-offer__props {
    border-top: none;
    padding: 25px 20px 0;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: unset;
}

.all-cars-page .r-offer__props > span {
    margin: 5px 15px 10px 0px;
    font-size: 13px;
}

.all-cars-page .r-offer__props > span > i {
    margin-right: 11px;
    font-size: 17px;
}

.all-cars-page .r-offer__title {
    padding: 0 20px;
    font-size: 27px;
    text-transform: uppercase;
}

.cars-2.filters-none-checked .main-car-block {
    display: flex;
}

.cars-2.filters-checked .main-car-block {
    display: none;
}

.cars-2.selected-manual .gearbox-1 {
    display: flex;
}

.cars-2.selected-automatic .gearbox-2 {
    display: flex;
}

.cars-2.selected-hatchback .type-1 {
    display: flex;
}

.cars-2.selected-universal .type-2 {
    display: flex;
}

.cars-2.selected-sedan .type-3 {
    display: flex;
}

.cars-2.selected-suv .type-4 {
    display: flex;
}

.cars-2.selected-van .type-5 {
    display: flex;
}

.cars-2.selected-cargo .type-6 {
    display: flex;
}

.cars-2.few-filters-selected .main-car-block {
    display: none !important;
}

.cars-2.few-filters-selected.selected-automatic.selected-hatchback .gearbox-2.type-1 {
    display: flex !important;
}

.cars-2.few-filters-selected.selected-automatic.selected-universal .gearbox-2.type-2 {
    display: flex !important;
}

.cars-2.few-filters-selected.selected-automatic.selected-sedan .gearbox-2.type-3 {
    display: flex !important;
}

.cars-2.few-filters-selected.selected-automatic.selected-suv .gearbox-2.type-4 {
    display: flex !important;
}

.cars-2.few-filters-selected.selected-automatic.selected-van .gearbox-2.type-5 {
    display: flex !important;
}

.cars-2.few-filters-selected.selected-automatic.selected-cargo .gearbox-2.type-6 {
    display: flex !important;
}

.cars-2.few-filters-selected.selected-manual.selected-hatchback .gearbox-1.type-1 {
    display: flex !important;
}

.cars-2.few-filters-selected.selected-manual.selected-universal .gearbox-1.type-2 {
    display: flex !important;
}

.cars-2.few-filters-selected.selected-manual.selected-sedan .gearbox-1.type-3 {
    display: flex !important;
}

.cars-2.few-filters-selected.selected-manual.selected-suv .gearbox-1.type-4 {
    display: flex !important;
}

.cars-2.few-filters-selected.selected-manual.selected-van .gearbox-1.type-5 {
    display: flex !important;
}

.cars-2.few-filters-selected.selected-manual.selected-cargo .gearbox-1.type-6 {
    display: flex !important;
}

.el-select-dropdown__item:hover {
    background-color: #f5f7fa;
}

.car-offers {
    margin: 50px 0;
}

.car-offers .filters {
    width: 100%;
}

.car-offers .filters .second {
    margin-top: 30px;
}

.car-offers .car {
    display: flex;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    margin-bottom: 20px;
    position: relative;
    height: 340px;
}

.car-offers .car .about-car {
    width: 50%;
    padding: 5px 0 0 20px;
}

.car-offers .car .about-car .text-1 {
    border-bottom: none;
    margin-bottom: 15px;
}

.car-offers .car .about-car .option {
    margin-bottom: 12px;
}

.car-offers .car .about-car .text-3 {
    padding: 0;
    color: #595959;
    font-size: 13px;
}

.car-offers .car .about-car .text-4 {
    font-size: 15px;
}

.car-offers .car .about-car .btn {
    background: #ec4930;
    width: 150px;
    color: white;
    position: absolute;
    bottom: 25px;
}


.car-offers .car .img {
    height: 300px;
    position: absolute;
    right: 20px;
}


.long-term-cars-offers-form .value-button {
    display: inline-block;
    border: 1px solid #ddd;
    margin: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #c0c4cc;
    background: #f5f7fa;
}

.long-term-cars-offers-form .value-button:hover {
    cursor: pointer;
}

.long-term-cars-offers-form #decrease {
    margin-right: -4px;
    border-radius: 4px 0 0 4px;
}

.long-term-cars-offers-form #increase {
    margin-left: -4px;
    border-radius: 0 4px 4px 0;
    border-left: none;
}

.long-term-cars-offers-form #input-wrap {
    margin: 0px;
    padding: 0px;
}

.long-term-cars-offers-form input#number {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0px;
    width: 80px;
    height: 40px;
}

.long-term-cars-offers-form input[type=number]::-webkit-inner-spin-button,
.long-term-cars-offers-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.long-term-cars-offers-form .custom-el-select {
    border: 1px solid #dcdfe6;
    border-radius: 0 4px 4px 0;
    box-shadow: none;
}

@media only screen and (max-width: 1400px) {
    .dropdown-menu {
        left: 0;
        right: 0;
    }
}

.filter-checkbox {
    margin-left: 10px;
}

.fl-checkb-descr {
    margin-left: 5px;
}

.checkbox-props {
    margin-top: -2px !important;
}

.btn-checkbox-filter {
    margin: 10px auto 5px 20px;
    color: white;
    background-color: #ed1c24;
    padding: 13px;
    border-radius: 3px;

}

.custom-checkbox-form {
    padding: 0 30px;
}

.custom-checkbox {
    font-size: 16px;
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
}

.custom-checkbox input[type='checkbox'] {
    min-width: 27px;
    min-height: 27px;
    background-color: white;
    border-radius: 20%;
    vertical-align: middle;
    border: 1px solid gray;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    position: absolute;
    opacity: 0;
    z-index: 2;
}

.custom-checkbox input[type='checkbox'] :checked {
    content: "";
    background-color: green;
}


.custom-checkbox .checkmark {
    position: absolute;
    min-width: 22px;
    min-height: 22px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    vertical-align: middle;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
}

.custom-checkbox label {
    margin-left: 27px;
    font-size: 14px;
}

.custom-checkbox input[type='checkbox']:hover ~ .checkmark {
    background-color: #ccc;
}

.custom-checkbox input[type='checkbox']:checked ~ .checkmark {
    background-color: green;
    border: 1px solid green;
}

.custom-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-checkbox input[type='checkbox']:checked ~ .checkmark:after {
    display: block;
    left: 7px;
    top: 3px;
    width: 7px;
    height: 11px;
}

.custom-checkbox .checkmark:after {
    left: 8px;
    top: 2px;
    width: 9px;
    height: 16px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.just-mobile {
    display: none;
}

.cancel-order {
    height: 65vh;
    padding: 60px;
}

@media only screen and (max-width: 988px) {
    .step--4 .active .step__content .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .step--4 .sixt-block-1 .step__content {
        padding-bottom: 55px;
    }

    .step--4 .sixt-block-1 .complete-order-button {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .only-desktop {
        display: none;
    }

    .reservation-page {
        margin-top: 100px;
    }

    .all-cars-page .r-offer__props > span {
        width: 46%;
    }

    .cars-2 a {
        width: 100%;
    }

    .cars {
        margin-top: 50px;
    }

    .cars__header {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .imgr {
        display: none;
    }

    .step__header--desktop > div {
        display: flex;
    }

    .wrapper {
        margin: 60px 0;
    }

    .footer__item aside > div {
        display: block;
    }

    .footer__item:nth-child(2) aside > div {
        margin: 60px 0 0;
    }

    .footer__item:nth-child(2) {
        margin-bottom: 10px;
        justify-content: flex-start;
        flex-flow: wrap;
        margin-top: 30px;
    }

    .just-mobile {
        display: block;
    }

    .tablet-display-none {
        display: none;
    }

    .navbar {
        margin-bottom: 0;
    }

    .seasons-banner {
        margin-top: 0;
    }

    .header .header__nav {
        width: 100%;
        position: absolute;
        height: 100vh;
        top: 50px;
        right: 0;
    }

    .header .header__nav ul {
        flex-direction: column;
        max-height: unset !important;

    }

    .navbar-toggler {
        border: none;
        background: unset;
        z-index: 2;
    }

    .header__nav .menu-menu-glowne-container, .header__nav .menu-menu-glowne-container ul.menu {
        padding-top: 40px !important;
    }

    .navbar-toggler-icon {
        font-size: 23px;
    }

    .navbar-toggler-icon div {
        background: url(/images/close.png);
        width: 22px;
        height: 23px;
        background-size: contain;
    }

    .collapsed .navbar-toggler-icon div {
        background: url(/images/menu.png);
        background-size: contain;
    }


    .header .header__nav .active:after {
        display: none;
    }

    .header .header__nav ul li {
        padding: 5px 10px;
        margin: 10px 0 10px;
        text-align: center;
    }

    .header .app-header .el-input__suffix {
        left: unset;
    }

    .header__nav ul li a {
        font-size: 1.5em;
    }

    header #dropdownMenuButton, header #dropdownMenuButton2 {
        margin: 0 5px 0 0;
        width: 116px;
    }

    #dropdownMenuButton {
        margin: 9px 50px 10px 0px;
        width: 95px;
    }

    .step--4 .seventh-block {
        padding: 0 20px 20px 20px;
        margin-top: 25px;
    }

    .reservation-page-back-img-text {
        align-items: center;
    }

    .sixth-block .form-2 {
        padding-right: 20px;
    }
}

@media only screen and (max-width: 425px) {
    .search-banner .tabcontent {
        width: 100%;
    }

    .mobile-margin {
        margin-top: 50px;
    }

    .all-cars-page .r-offer {
        flex-direction: column;
    }

    .all-cars-page .r-offer__model {
        width: 100%;
        height: 250px;
        justify-content: center;
    }

    .all-cars-page .r-offer__props {
        padding: 25px 15px 0;
        flex-wrap: nowrap;
    }

    .all-cars-page .block-2 {
        width: 100%;
        margin: 20px;
    }

    .car-offers .car .img {
        width: 50%;
    }

    .reservation-page .seventh-block img {
        max-height: 135px;
    }

    .reservation-page {
        padding-top: 35px;
    }

    .reservation-page-back-img {
        top: -34px;
    }

    .reservation-page-back-img-text {
        align-items: center;
        top: 8px;
    }

    .r-insurance {
        width: 100%;
        border-radius: 0;
    }

    .just-small-mobile {
        display: block;
    }

    .only-desktop2 {
        display: none;
    }

    .step__header--desktop {
        height: unset;
    }

    .reservation-page .step__index {
        width: 100%;
        justify-content: space-between;
    }

    .reservation-page .is-finished .block-2 {
        display: none;
    }

    .reservation-page .is-finished .block-2.show {
        display: block;
    }

    .step__header .offer .offer__desc, .step__header .offer .offer__limit {
        width: 30%;
        min-width: unset;
    }

    .reservation-page .active .step__index, .reservation-page .inactive .step__index {
        padding: 20px 0 0;
    }

    .reservation-page .step--4 .step-block.is-active {
        padding: 0 10px;
    }

    .step--1 .r-place {
        padding: 0;
    }

    .step--3 .step__header .step__header-extra {
        right: 10px;
    }

    .step--3 .is-finished, .step--3 .is-inactive{
        box-shadow: unset;
        border-bottom: 1px solid #ddd;
        border-top: unset;
    }

    .mobile-finished .el-icon-arrow-down{
        transform: rotate(-90deg);
        padding-left: unset;
    }

    .step--3 .attributes .step__header{
        width: 98%;
    }

    .reservation-page .fourth-block .attributes, .reservation-page .fifth-block, .reservation-page .fifth-block .form-2 {
        margin-top: 0;
    }

    .reservation-page{
        margin-top: 83px;
    }

    .reservation-page .wrapper {
        margin: 40px 0;
    }

    .reservation-page-back-img-text {
        top: 0;
    }

    .reservation-page-back-img-text h2{
        font-size: 16px;
    }

    .step--3__summary {
        margin: 5px -10px 0;
    }

    .step--3 .insurance-block {
        margin-top: 0;
    }

    .step--4 .sixth-block{
        padding-bottom: 20px;
    }

    .reservation-page .is-inactive {
        padding: 10px;
    }

    .step--4 .is-inactive .step__index{
        padding-top: 0;
    }

    .is-active .step__header .step__title{
        padding: 20px 52px 0 0;
        font-size: 16px;
        word-break: break-word;
    }

    .is-active{
        padding: 0 10px;
    }

    .step__header .location__box {
        width: 100%;
    }

    .step__header .location__label {
        margin: auto 10px;
        width: 70px;
    }

    .step__header .location__place {
        margin: 0 13px 0 12px;
    }

    .step__header .offer {
        flex-wrap: wrap;
    }

    .step__header .offer__model {
        width: 20%;
        justify-content: center;
    }

    .el-table__body {
        width: 100% !important;
    }

    .step--3__summary .el-button {
        min-width: 100%;
    }

    .step--3 .step__header .additions__icon {
        margin: auto 0 auto 25px;
    }

    .step--3 .step__header .additions__price {
        padding: 20px 25px 20px 20px;
    }

    .step--4 .seventh-block {
        padding: 30px 0;
    }

    .step--4 .seventh-block {
        padding: 0 10px 20px 10px;
        margin-top: 25px;
    }

    .step__change {
        width: 100%;
    }

    .header .app-header .el-icon-arrow-down {
        font-size: 10px;
        position: absolute;
        right: 9px;
        padding: 1px 0 0;
    }

    .header .app-header .el-input__suffix {
        top: 3px !important;
        right: 2px !important;
    }

    .header .app-header .el-input__inner {
        font-size: 11px;
        padding: 0 5px;
    }

    .header .app-header__items {
        margin-left: 5px;
    }

    header #dropdownMenuButton, header #dropdownMenuButton2 {
        width: 72px;
    }

    .app-header__logo a img {
        height: 20px;
        margin: 0;
    }

    .car-filters{
        border: none;
        padding: 0;
        margin: 0;
    }
    .step-block .cars {
        margin-top: 15px;
    }
}

.value-button.decrease {
    pointer-events: none;
    opacity: 0.5;
}

@font-face {
    font-family: panek-icons;
    src: url(/public/iPanek_files/panek-icons.eot?6f4ffc5dcb4f6e99f32ac3689e7ea486);
    src: url(public/iPanek_files/panek-icons.eot?6f4ffc5dcb4f6e99f32ac3689e7ea486) format("embedded-opentype"), url(public/iPanek_files/panek-icons.woff?39539e3b6220d5fe0bcf6e52d5eb2632) format("woff"),
    url(public/iPanek_files/panek-icons.ttf?bdc222a5edd3efea849f30309ced2206) format("truetype"), url(public/iPanek_files/panek-icons.svg?9ce26f3085ebfa249114fa1eb2713a2e) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
}

[data-icon]:before {
    content: attr(data-icon);
}

[class*=" i-"]:before,
[class^="i-"]:before,
[data-icon]:before {
    font-family: panek-icons !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class*=" i-"]:before, [class^=i-]:before, [data-icon]:before {
    font-family: panek-icons !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


@media (max-width: 1279px) {
    .branch-selector .i-panek-ico-location:before {
        padding-left: 0;
    }
}

.r-insurance__list .i-panek-ico-checked {
    color: #082;
}

.r-insurance__list .i-panek-ico-unchecked {
    color: #f5f5f9;
}

.i-panek-ico-info:before {
    content: "K";
}

.i-panek-ico-arrow:before {
    content: "H";
}

.i-panek-ico-mail:before {
    content: "J";
}

.i-panek-ico-ac:before {
    content: "a";
}

.i-panek-ico-bags:before {
    content: "c";
}

.i-panek-ico-airport:before {
    content: "b";
}

.i-panek-ico-card:before {
    content: "d";
}

.i-panek-ico-checked:before {
    content: "e";
}

.i-panek-ico-city:before {
    content: "f";
}

.i-panek-ico-crash:before {
    content: "g";
}

.i-panek-ico-date:before {
    content: "h";
}

.i-panek-ico-doors:before {
    content: "i";
}

.i-panek-ico-fuel:before {
    content: "j";
}

.i-panek-ico-gear:before {
    content: "p";
}

.i-panek-ico-gearbox:before {
    content: "k";
}

.i-panek-ico-geolocation:before {
    content: "l";
}

.i-panek-ico-shieldempty:before {
    content: "m";
}

.i-panek-ico-shield3:before {
    content: "n";
}

.i-panek-ico-shield2:before {
    content: "o";
}

.i-panek-ico-seconddriver:before {
    content: "q";
}

.i-panek-ico-seat3:before {
    content: "r";
}

.i-panek-ico-seat2:before {
    content: "s";
}

.i-panek-ico-seat1:before {
    content: "t";
}

.i-panek-ico-profile:before {
    content: "w";
}

.i-panek-ico-payonline:before {
    content: "x";
}

.i-panek-ico-wheel:before {
    content: "y";
}

.i-panek-ico-unchecked:before {
    content: "z";
}

.i-panek-ico-money:before {
    content: "A";
}

.i-panek-ico-location:before {
    content: "B";
}

.i-panek-ico-time:before {
    content: "C";
}

.i-panek-ico-thief:before {
    content: "D";
}

.i-panek-ico-insurance:before {
    content: "E";
}

.i-panek-ico-gps:before {
    content: "F";
}

.i-panek-ico-tel:before {
    content: "G";
}

.i-panek-ico-windshield:before {
    content: "v";
}

.i-panek-ico-world:before {
    content: "u";
}

.i-panek-ico-minus:before {
    content: "L";
}

.i-panek-ico-plus:before {
    content: "M";
}

.i-panek-ico-mall:before {
    content: "I";
}

.i-panek-ico-edit:before {
    content: "N";
}

.i-panek-ico-logout:before {
    content: "O";
}

.i-panek-ico-pdf:before {
    content: "P";
}

.i-panek-ico-facebook:before {
    content: "Q";
}

.i-panek-ico-instagram:before {
    content: "R";
}

.i-panek-ico-linkedin:before {
    content: "S";
}

.i-panek-ico-twitter:before {
    content: "T";
}

.i-panek-ico-kraje:before {
    content: "U";
}

.i-panek-ico-lotniska:before {
    content: "V";
}

.i-panek-ico-samochody:before {
    content: "X";
}

.i-panek-ico-miasta:before {
    content: "W";
}

.i-panek-ico-car:before {
    content: "Y";
}

.i-panek-ico-geolocation2:before {
    content: "Z";
}

.i-panek-ico-chat:before {
    content: "0";
}

.i-panek-ico-chill:before {
    content: "1";
}

.i-panek-ico-clipboard:before {
    content: "2";
}

.i-panek-ico-deal:before {
    content: "3";
}

.i-panek-ico-finger:before {
    content: "4";
}

.not-available {
    height: 38vh;
    font-size: 40px;
    padding-top: 60px;
}

.ui-timepicker-container.ui-timepicker-no-scrollbar.ui-timepicker-standard {
    z-index: 2000 !important;
}

.cookies {
    background: #F1F1F1;
    color: #232323;
    padding: 1.5em;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.cookies.show {
    display: block;
}

.cookies .cookie-block {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    font-size: 16px;
}

.cookies .cookie-block a {
    color: #1877b7;
}

.cookies .Cookie__buttons {
    margin-left: 20px;
}

.insurance-mobile-swiper{
    height: 40px;
    margin-top: 15px;
}

.swiper-button-next, .swiper-button-prev{
    width: 30px;
    background: white;
    height: 40px;
    margin: unset;
    top: 0;
}

.swiper-button-next:after, .swiper-rtl, .swiper-button-prev:after{
    font-size: 25px;
    font-weight: 700;
    color: #082;
}

.swiper-button-next{
    right: 0!important;
}

.swiper-button-prev{
    left: 0!important;
}

.insurance-mobile-swiper .mobile-choose-insurance{
    padding: 10px 50px;
}

.insurance-mobile-swiper .mobile-choose-insurance.is-selected{
    color: white;
}

.insurance-mobile-swiper .mobile-choose-insurance .checkmark-label{
    width: 100%;
    height: 40px;
    top: 0;
    position: absolute;
}

.insurance-mobile-swiper .mobile-choose-insurance .checkmark-label input{
    width: 100%;
    background: transparent;
}

.insurance-mobile-swiper .mobile-choose-insurance .checkmark-label input:before{
    content: ".";
    background: transparent;
    width: 0;
    height: 0;
}

@media only screen and (max-width: 767px) {
    .cookies .wrapper {
        margin: 0;
    }

    .cookies .cookie-block {
        font-size: 12px;
    }
}