@import "../../fonts/ReformaGrotesk/stylesheet.css";
html, body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #000000;
    font-family: Montserrat, 'sans-serif';
    line-height: 1.36;
    background-color: #F5F5F5;
}
* {
    outline: none;
}
a {
    color: inherit;
}
.wrap {
    max-width: 75em;
    width: calc(100% - 2em);
    margin: 0 auto;
}
.app {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-top: 7.5em;
    box-sizing: border-box;
    overflow: hidden;
}
.admin-bar .app {
    min-height: calc(100vh - 32px);
}
.main {
    flex-grow: 1;
}
.sect {
    padding: 5.75em 0;
    margin: 0 calc(50% - 50vw);
}
.sect.padding_top_off {
    padding-top: 0;
}
.sect.padding_bottom_off {
    padding-bottom: 0;
}
.sect_title {
    font-size: 3.5em;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    line-height: 1;
}
.sect_title:not(:last-child) {
    margin-bottom: 1em;
}
.sect_description {
    font-size: 1.25em;
    font-weight: 600;
    margin: 0;
}
.sect_description:not(:last-child) {
    margin-bottom: 2.5em;
}
img {
    width: auto;
    height: auto;
}
@media(max-width: 1479px) {
    .app {
        font-size: 1.08vw;
    }
}
@media(max-width: 1023px) {
    .app {
        font-size: 1.3vw;
    }
}
/*
@media(max-width: 1439px) {
    .app {
        font-size: 1.11111111vw;
    }
}
 */
/*Button*/
.butt {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    height: 3.5em;
    border-radius: 0.5em;
    padding: 0 2.5em;
    background-color: #FF5F25;
    color: #ffffff;
    margin: 0;
    border: none;
    font-size: inherit;
    font-weight: 500;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    transition-property: background-color, color;
    transition-duration: 0.3s;
}
.butt_label {
    font-size: 1.375em;
}
.butt.black {
    background-color: #000000;
}
.butt.black:hover {
    background-color: #FF5F25;
}
.butt.gray {
    background-color: #DEDEDE;
    color: #000000;
}
.butt.gray:hover {
    background-color: #FF5F25;
    color: #ffffff;
}
.butt.bordered {
    border: 0.125em solid #FF5F25;
    background-color: transparent;
    color: #FF5F25;
}
.butt.bordered:hover {
    background-color: #FF5F25;
    color: #ffffff;
}
/*Slick slider*/
.slick-slider {
    position: relative;
}
.slick-arrow {
    display: block;
    position: absolute;
    top: calc(100% + 2.25em);
    font-size: inherit;
    box-sizing: border-box;
    width: 3.25em;
    height: 3.25em;
    border-radius: 50%;
    color: transparent;
    overflow: hidden;
    border: none;
    background-color: #DEDEDE;
    padding: 0;
    outline: none;
    background-image: url(../../img/slick-slider/slick-next.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 1;
    transition-property: background-color, background-image;
    transition-duration: 0.3s;
}
.slick-dotted .slick-arrow {
    top: calc(100% - 0.875em/2 - 3.25em/2 - 0.25em);
}
.slick-arrow:hover {
    background-image: url(../../img/slick-slider/slick-next-hover.svg);
}
.slick-arrow:active {
    background-color: #ff5f25;
    background-image: url(../../img/slick-slider/slick-next-active.svg);
}
.slick-next {
    right: calc((100% - 75em)/2);
}
.slick-prev {
    right: calc((100% - 75em)/2 + 4em);
    transform: scaleX(-1);
}
.slick-dots {
    display: flex;
    flex-wrap: wrap;
    margin: 3.25em -0.25em -0.25em;
    list-style-type: none;
    padding: 0;
    max-width: calc(100% - 10em);
}
.slick-dots li {
    margin: 0.25em;
}
.slick-dots button {
    display: block;
    margin: 0;
    font-size: inherit;
    width: 0.875em;
    height: 0.875em;
    border-radius: 50%;
    padding: 0;
    overflow: hidden;
    color: transparent;
    border: none;
    outline: none;
    transform: none;
    background-color: #DEDEDE;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: 0.3s;
}
.slick-dots li:not(.slick-active) button:hover {
    background-color: #FF926B;
}
.slick-dots li.slick-active button {
    background-color: #FF5F25;
}
/**
Pagination
 */
.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: -0.25em;
}
.pagination:not(:last-child) {
    margin-bottom: 2em;
}
.pagination .clear_filter {
    margin: 0.25em auto 0.25em 0.25em;
}
.pagination .page-numbers {
    height: 3.5em;
    min-width: 3.5em;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 1.25em;
    background-color: #DEDEDE;
    margin: 0.25em;
    border-radius: 0.5em;
    font-weight: 500;
    text-decoration: none;
}
.pagination .page-numbers:not(.current):hover {
    color: #ffffff;
}
.pagination .page-numbers.current {
    background-color: #FF5F25;
    color: #ffffff;
}
/**/
.toggle {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
}
.toggle_input {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
}
.toggle_view {
    display: block;
    width: 5.25em;
    height: 2.5em;
    border-radius: 1.25em;
    background-color: #C1C1C1;
    cursor: pointer;
    box-shadow: 0 0.25em 0.25em 0 rgba(0, 0, 0, 0.25) inset;
    position: relative;
    z-index: 1;
    transition-property: background-color, opacity;
    transition-duration: 0.3s;
}
.toggle_view:before {
    content: '';
    display: block;
    position: absolute;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-color: #ffffff;
    top: 50%;
    left: 0.25em;
    transform: translateY(-50%);
    transition-property: left;
    transition-duration: 0.3s;
}
.toggle_input:checked + .toggle_view {
    background-color: #309500;
}
.toggle_input:checked + .toggle_view:before {
    left: calc(100% - 2.25em);
}
/*checkbox*/
.checkbox {
    position: relative;
    z-index: 1;
    display: inline-block;
}
.checkbox_input {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    margin: 0;
    opacity: 0;
}
.checkbox_view {
    width: 1.75em;
    height: 1.75em;
    box-sizing: border-box;
    border: 0.125em solid rgba(0, 0, 0, 0.5);
    border-radius: 0.625em;
    display: block;
    cursor: pointer;
}
.checkbox_view:hover {
    border-color: #000000;
}
.checkbox_input:checked + .checkbox_view {
    border-color: #393939;
    background-color: #393939;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.125em auto;
    background-image: url(../../img/icons/checked-ff5f25.svg);
}


/**/
.localization_popup {
    display: none;
    border-radius: 1.625em;
    background: #000;
    backdrop-filter: blur(0.625em);
    color: #fff;
    padding: 2em;
    box-sizing: border-box;
    width: calc(100vw - 2em);
    max-width: 42em;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.localization_popup:before {
    content: '';
    display: block;
    top: 0;
    left: 0;
    z-index: 5;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.3s;
}
.localization_popup.disabled:before {
    visibility: visible;
    opacity: 1;
}
.mfp-container .localization_popup {
    display: block;
}
.localization_popup .mfp-close {
    font-size: inherit;
    width: 1.5em;
    height: 1.25em;
    background-image: url(../../img/icons/menu-close-fff.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 1.25em;
    right: 1.25em;
    overflow: hidden;
    color: transparent;
}
.localization_popup .logo_wrap:not(:last-child) {
    margin-bottom: 2em;
}
.localization_popup .logo {
    display: block;
    max-height: 2.5em;
    max-width: 100%;
}
.localization_popup .tabs {
    display: flex;
    flex-wrap: wrap;
    margin: -0.25em;
}
.localization_popup .tabs:not(:last-child) {
    margin-bottom: 1.25em;
}
.localization_popup .tab {
    margin: 0.25em;
    font-size: 1em;
    box-sizing: border-box;
    height: 2.75em;
    padding: 0 1.25em;
    border-radius: 1.375em;
    border: none;
    background-color: #ffffff;
    color: #000000;
    display: flex;
    align-items: center;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}
.localization_popup .tab_icon {
    max-width: 1.5em;
    max-height: 1.5em;
}
.localization_popup .tab_icon:not(:last-child) {
    margin-right: 1em;
}
.localization_popup .tab_label {
    font-size: 0.875em;
}
.localization_popup .tab.active {
    color: #ffffff;
    background-color: #FF5F25;
}
.localization_popup .tab.active .tab_icon {
    filter: brightness(0) invert(1);
}
.localization_popup .tab_content:not(.active) {
    display: none;
}
.localization_popup .items {
    display: flex;
    margin: -0.25em;
}
.localization_popup .item {
    font-size: inherit;
    margin: 0.25em;
    font-family: inherit;
    padding: 0.75em 1em;
    border-radius: 1.125em;
    box-sizing: border-box;
    width: calc(25% - 0.5em);
    background-color: rgba(243, 243, 243, 0.4);
    text-decoration: none;
    font-weight: 500;
    color: #ffffff;
    text-align: left;
}
.localization_popup .item:not(.active) {
    cursor: pointer;
}
.localization_popup .item_title {
    font-weight: 700;
    display: block;
}
.localization_popup .item_description {
    font-size: 0.875em;
    opacity: 0.5;
    display: block;
}
.localization_popup .item.active {
    color: #000000;
    background-color: #ffffff;
}
/**/
.iti {
    box-sizing: border-box;
    width: 100%;
}
.iti__dropdown-content {
    color: #000000;
}
/*thanks_popup*/
.thanks_popup {
    border-radius: 1.125em;
    background-color: #000;
    backdrop-filter: blur(0.625em);
    position: relative;
    box-sizing: border-box;
    width: 32em;
    color: #ffffff;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}
.thanks_popup.choose_another_car_popup {
    width: 33em;
}
.thanks_popup .mfp-close {
    color: inherit;
}
.thanks_popup .image {
    height: 11em;
    box-sizing: border-box;
    padding: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-size: cover;
    background-image: url(../../img/thanks-popup/image.jpg);
    position: relative;
    z-index: 1;
    border-radius: inherit;
    overflow: hidden;
}
.thanks_popup .image:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0.46) 100%);
}
.thanks_popup .image_logo {
    max-width: 100%;
    max-height: 3.25em;
}
.thanks_popup .content {
    padding: 2em;
    box-sizing: border-box;
}
.thanks_popup .icon_wrap:not(:last-child) {
    margin-bottom: 0.875em;
}
.thanks_popup .icon {
    max-width: 100%;
    max-height: 3.5em;
    display: block;
    margin: 0 auto;
}
.thanks_popup .title {
    font-family: ReformaGroteskMediumC, sans-serif;
    font-size: 3.25em;
    text-transform: uppercase;
}
.thanks_popup .description {
    font-size: 0.875em;
    font-weight: 500;
}
.thanks_popup .description:not(:last-child) {
    margin-bottom: 2.21em;
}
.thanks_popup .butt {
    min-width: 12.5em;
    padding: 0 1em;
}

/**/
.seats_select {
    display: flex;
    align-items: center;
}
.seats_select_butts {
    display: flex;
    margin: -0.5em;
}
.seats_select_butt {
    font-size: 3em;
    margin: 0.17em;
    box-sizing: border-box;
    border-radius: 0.375em;
    border: 2px solid rgba(255, 255, 255, 0.64);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.08em;
    height: 1.08em;
    color: #ffffff;
    cursor: pointer;
    background-color: transparent;
}
.seats_select_text {
    font-weight: 500;
    font-size: 1.25em;
    margin-left: 1em;
}


.go_to_top {
    width: 4em;
    height: 4em;
    z-index: 8;
    position: fixed;
    bottom: 1.25em;
    right: 1.25em;
    box-sizing: border-box;
    margin: 0;
    border: none;
    border-radius: 50%;
    padding: 0;
    background-color: #FF5F25;
    box-shadow: 0 0.25em 1.625em rgba(0, 0, 0, 0.08);
    cursor: pointer;
    background-size: 1.5em auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../../img/icons/chevron-top-fff.svg);
    visibility: hidden;
    opacity: 0;
    transition-property: opacity, visibility;
    transition-duration: 0.3s;
}
.go_to_top.show {
    opacity: 1;
    visibility: visible;
}



/*
@-moz-keyframes loading_animation {
    100% {
        left: 100%;
    }
}
@-webkit-keyframes loading_animation {
    100% {
        left: 100%;
    }
}

 */
@keyframes loading_animation {
    100% {
        left: calc(100% + 1.75em);
    }
}
.loading_animation {
    position: relative;
    overflow: hidden;
}
.loading_animation:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background-color: rgb(112, 112, 112);
}
.loading_animation:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -1.75em;
    width: 0;
    z-index: 5;
    box-shadow: 0 0 1.25em 0.5em rgba(255,255,255,0.75);
    height: 100%;
    animation: loading_animation 1.5s linear infinite;
}
/**/
.renteon_price {
    display: inline-block;
    border-radius: 0.25em;
}
.renteon_price:empty {
    width: 2.5em;
    vertical-align: sub;
    min-height: 1.2em;
}