body.modal-open--mobile {
    overflow: hidden !important;
    position: fixed;
    width: 100%;
    height: 100%;
}

.modals-container {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000000000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    width: 100%;
    height: 350px;
    margin-top: 50px
}

.header .container .headline__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
    gap: 1rem;
    max-width: 860px;
    color: #fff;
    text-align: center;
    margin: 0 auto
}

.header .container .headline__wrapper .headline__title {
    line-height: 1.2em;
    font-size: 2.5em;
    font-weight: 700
}

.header .container .headline__wrapper .headline__subtitle {
    margin-bottom: 25px;
    font-size: 1.6em;
    line-height: 25px
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border: none;
    border-radius: 4px;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    user-select: none
}

.btn:before {
    -webkit-transition: .15s ease-in;
    -moz-transition: .15s ease-in;
    -ms-transition: .15s ease-in;
    -o-transition: .15s ease-in;
    transition: .15s ease-in;
    background-color: #fff
}

.btn:hover:before {
    background-color: #fff;
    opacity: .8
}

.btn:not(.btn-sm) {
    text-transform: uppercase
}

.btn>span {
    font-weight: 700
}

.btn-sm {
    padding: .625rem .875rem;
    font-size: .875rem;
    line-height: 1.5
}

.btn-lg {
    padding: 1.3125rem 1.25rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.btn-outline-primary {
    color: #323c50;
    border: 1px solid #323c50;
    background-color: #fff
}

.btn-outline-primary:hover:before {
    border: 1px solid #192743cc
}

.btn-outline-primary:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.btn-outline-secondary {
    color: #ffb731;
    border: 1px solid #ffb731;
    background-color: #fff
}

.btn-outline-secondary:hover:before {
    border: 1px solid #ffb731cc
}

.btn-outline-secondary:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in
}

.btn-outline-gray {
    color: #a6a6bb;
    border: 1px solid #a6a6bb;
    background-color: #fff
}

.btn-primary,
.btn-secondary {
    position: relative;
    color: #fff;
    -webkit-transition: opacity .3;
    -moz-transition: opacity .3;
    -ms-transition: opacity .3;
    -o-transition: opacity .3;
    transition: opacity .3
}

.btn-primary:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: -webkit-linear-gradient(right, #323c50 0%, #223b6f 100%);
    background: -moz-linear-gradient(right, #323c50 0%, #223b6f 100%);
    background: -ms-linear-gradient(right, #323c50 0%, #223b6f 100%);
    background: -o-linear-gradient(right, #323c50 0%, #223b6f 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-repeat: repeat-x
}

.btn-outline-primary:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #2d3647;
    background-color: #fff;
    background-repeat: repeat-x
}

.btn-secondary:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: -webkit-linear-gradient(right, #f7b731 0%, #ffa049 100%);
    background: -moz-linear-gradient(right, #f7b731 0%, #ffa049 100%);
    background: -ms-linear-gradient(right, #f7b731 0%, #ffa049 100%);
    background: -o-linear-gradient(right, #f7b731 0%, #ffa049 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-repeat: repeat-x
}

.btn-outline-secondary:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ffb731;
    background-color: #fff;
    background-repeat: repeat-x
}

.btn-outline-gray:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #a6a6bb;
    background-color: #fff;
    background-repeat: repeat-x
}

.btn-facebook,
.btn-google {
    margin-block-end: 1rem;
    height: 60px;
}

.btn-facebook .btn__text,
.btn-google .btn__text {
    color: #fff;
    text-transform: initial;
}

.btn-facebook svg {
    fill: #fff;
    width: 24px;
    height: 24px;
}

.btn-google svg {
    fill: #fff;
    width: 30px;
    height: 30px;
}

.btn-facebook::before {
    background-image: -webkit-gradient(linear, right top, left top, from(#3b5998), to(#3b5998));
    background-image: -webkit-linear-gradient(right, #3b5998, #3b5998);
    background-image: -o-linear-gradient(right, #3b5998, #3b5998);
    background-image: linear-gradient(270deg, #3b5998, #3b5998);
    background-repeat: repeat-x;
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    border-radius: 4px;
    content: '';
}

.btn-google::before {
    background-image: -webkit-gradient(linear, right top, left top, from(#ea4335), to(#ea4335));
    background-image: -webkit-linear-gradient(right, #ea4335, #ea4335);
    background-image: -o-linear-gradient(right, #ea4335, #ea4335);
    background-image: linear-gradient(270deg, #ea4335, #ea4335);
    background-repeat: repeat-x;
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    border-radius: 4px;
    content: '';
}

.custom-input__wrapper {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-flow: column;
    width: 100%;
}

.custom-input__wrapper>label {
    color: #333;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.125rem;
    margin-bottom: .9rem
}

.custom-input__wrapper .custom-input {
    border: solid 1px #a6a6bb;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -ms-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    background-color: #fff
}

.custom-input__wrapper .custom-input>input,
.custom-input__wrapper .custom-input>select,
.custom-input__wrapper .custom-input>textarea {
    width: 100%;
    height: auto;
    color: #333;
    font-size: 1rem;
    font-weight: 400;
    z-index: 10;
    -webkit-transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -ms-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    border: none;
    border-radius: 4px;
    outline: 0;
    padding: .875rem 1.25rem;
    background-color: transparent
}

.custom-input__wrapper .custom-input>input~.custom-input__icon--end {
    position: absolute;
    top: 55%;
    right: 10px;
    padding: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
    cursor: pointer;
    z-index: 15
}

.custom-input__wrapper .custom-input>select {
    padding-right: 40px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.8 32"><path fill="#a6a6bb" d="M3.1 0l25.8 25.8L54.7 0l3.1 3.1-27.3 27.4-1.6 1.5-1.6-1.5L0 3.1 3.1 0z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 20px center;
    -webkit-background-size: 17px 9px;
    background-size: 17px 9px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.custom-input__wrapper .custom-input.active {
    border: solid 1px #333
}

.custom-input__wrapper .custom-input.has-error {
    border: solid 1px #d62f1c
}


.custom-input__wrapper .custom-input.success {
    border: solid 1px #0bbf68;
    padding-right: calc(1.5em + 1.75rem);
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"%3e%3cpath fill="%230bbf68" d="M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z"/%3e%3c/svg%3e');
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .4375rem);
    -webkit-background-size: calc(.75em + .875rem) calc(.75em + .875rem);
    background-size: calc(.75em + .875rem) calc(.75em + .875rem)
}

.custom-input__wrapper .custom-input.select.success {
    background-image: none;
    padding-right: 0
}

.custom-input__wrapper .custom-input.select.success>select {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.8 32"><path fill="#0bbf68" d="M3.1 0l25.8 25.8L54.7 0l3.1 3.1-27.3 27.4-1.6 1.5-1.6-1.5L0 3.1 3.1 0z"/></svg>')
}

.custom-input__wrapper .custom-input.select.has-error>select {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.8 32"><path fill="#d62f1c" d="M3.1 0l25.8 25.8L54.7 0l3.1 3.1-27.3 27.4-1.6 1.5-1.6-1.5L0 3.1 3.1 0z"/></svg>')
}

.custom-input__wrapper .custom-input.custom-input--float>label {
    position: absolute;
    color: #a6a6bb;
    font-size: 1rem;
    line-height: 1.25rem;
    -webkit-transform: translate(20px, 9.5px) scale(1);
    -moz-transform: translate(20px, 9.5px) scale(1);
    -ms-transform: translate(20px, 9.5px) scale(1);
    -o-transform: translate(20px, 9.5px) scale(1);
    transform: translate(20px, 9.5px) scale(1);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 5;
    padding-top: 5px;
    overflow: hidden;
    transform-origin: top left;
    text-overflow: clip
}

.custom-input__wrapper .custom-input.custom-input--float.has-error>label {
    color: #d62f1c
}

.custom-input__wrapper .custom-input.custom-input--float .custom-input__icon--end {
    position: absolute;
    top: 50%;
    right: 10px;
    padding: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
    cursor: pointer;
    z-index: 15
}

.custom-input__wrapper .custom-input.custom-input--float.has-val>input,
.custom-input__wrapper .custom-input.custom-input--float.has-val>select,
.custom-input__wrapper .custom-input.custom-input--float.has-val>textarea {
    padding-top: 21.5px;
    padding-bottom: 6.5px
}

.custom-input__wrapper .custom-input.custom-input--float.has-val.textarea>textarea {
    padding-top: 0;
    margin-top: 21.5px
}

.custom-input__wrapper .custom-input.custom-input--float.has-val>label {
    transform: translate(21px, 1px) scale(.75)
}

.custom-input__wrapper .custom-error {
    width: 100%
}

.custom-input__wrapper .custom-error .custom-error__msg {
    display: flex;
    align-items: center;
    gap: .3rem;
    color: #d62f1c;
    font-size: .8rem;
    font-weight: 400;
    line-height: .9rem;
    margin-top: .5rem;
    margin-left: .2rem
}

.custom-input__wrapper .custom-error .custom-error__tooltip-msg {
    position: absolute;
    z-index: 100;
    color: #f5f5f5;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.25rem;
    width: 100%;
    margin-top: 12px;
    padding: 15px 25px;
    border-radius: 2px;
    background-color: #d62f1c;
    box-shadow: 0 2px 8px #0003
}

.custom-input__wrapper .custom-error .custom-error__tooltip-msg:before {
    display: block;
    position: absolute;
    top: -7px;
    left: 50%;
    width: 1rem;
    height: 1rem;
    transform: translate(-50%) rotate(45deg);
    border-radius: 2px;
    background-color: #d62f1c;
    content: ""
}

.checkbox--toggle,
.radio--toggle {
    display: block;
    position: relative
}

.checkbox--toggle label,
.radio--toggle label {
    display: flex;
    line-height: 20px;
    margin-bottom: .9375rem
}

.checkbox--toggle label input,
.radio--toggle label input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkbox--toggle label input~.toggle__icon,
.radio--toggle label input~.toggle__icon {
    display: block;
    position: relative;
    width: 40px;
    height: 20px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    border-radius: 10px;
    background-color: #a6a6bb;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox--toggle label input~.toggle__icon:before,
.radio--toggle label input~.toggle__icon:before {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 4px #0003;
    content: "";
    z-index: 1
}

.checkbox--toggle label input~.toggle__label,
.radio--toggle label input~.toggle__label {
    margin-left: .7rem
}

.checkbox--toggle label input:checked~.toggle__icon,
.radio--toggle label input:checked~.toggle__icon {
    background-color: #1abc9c
}

.checkbox--toggle label input:checked~.toggle__icon:before,
.radio--toggle label input:checked~.toggle__icon:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translate(20px)
}

.quantity--custom {
    display: flex;
    align-items: center
}

.quantity--custom button.btn-sm {
    width: 24px;
    height: 24px;
    padding: .7rem;
    background-color: #fff;
    border: 1px solid #a6a6bb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.quantity--custom button.btn-sm:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background-repeat: repeat-x
}

.quantity--custom button.btn-sm:disabled,
.quantity--custom button.btn-sm.disabled {
    background: #a6a6bb80
}

.quantity--custom button.btn-sm.btn-down:before,
.quantity--custom button.btn-sm.btn-up:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 1px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    background-color: #a6a6bb
}

.quantity--custom button.btn-sm.btn-up:after {
    position: absolute;
    bottom: 50%;
    width: 1px;
    height: 12px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    background-color: #a6a6bb;
    content: "";
    border: none
}

.quantity--custom .counter {
    width: 38px;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    user-select: none
}

.search-modal__wrapper {
    background: #fff
}

.search-modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #a6a6bb4d;
    height: 60px
}

.search-modal__header-title,
.search-modal__header .search-modal__close {
    font-weight: 600;
    letter-spacing: normal;
    line-height: normal
}

.search-modal__header-title {
    padding: 20px 0 20px 20px;
    color: #333;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.search-modal__header .search-modal__close {
    padding: 20px;
    color: #1abc9c;
    font-size: 12px;
    cursor: pointer
}

.search-modal__content {
    height: calc(100vh - 60px)
}

.scaleIn {
    animation: scaleIn .15s ease-in-out both
}

.scaleOut {
    animation: scaleOut .15s ease-in-out both
}

.btn:disabled,
.btn.disabled,
.quantity--custom button:disabled,
.quantity--custom button.disabled {
    opacity: .5
}

.btn-outline-primary:hover:after,
.btn-outline-secondary:hover:after {
    background-color: #fff;
    opacity: .3
}

.custom-input__wrapper .custom-input.has-error>input::placeholder,
.custom-input__wrapper .custom-input.has-error>select::placeholder,
.custom-input__wrapper .custom-input.has-error>input::-webkit-input-placeholder,
.custom-input__wrapper .custom-input.has-error>select::-webkit-input-placeholder,
.custom-input__wrapper .custom-input.has-error>input:-moz-placeholder,
.custom-input__wrapper .custom-input.has-error>select:-moz-placeholder,
.custom-input__wrapper .custom-input.has-error>input::-moz-placeholder,
.custom-input__wrapper .custom-input.has-error>select::-moz-placeholder,
.custom-input__wrapper .custom-input.has-error>input:-ms-input-placeholder,
.custom-input__wrapper .custom-input.has-error>select:-ms-input-placeholder,
.custom-input__wrapper .custom-input.has-error>input::-ms-input-placeholder,
.custom-input__wrapper .custom-input.has-error>select::-ms-input-placeholder,
.custom-input__wrapper .custom-input.custom-input--float.has-error>label {
    color: #d62f1c
}

.custom-input__wrapper .custom-input.success>input::placeholder,
.custom-input__wrapper .custom-input.success>select::placeholder,
.custom-input__wrapper .custom-input.success>input::-webkit-input-placeholder,
.custom-input__wrapper .custom-input.success>select::-webkit-input-placeholder,
.custom-input__wrapper .custom-input.success>input:-moz-placeholder,
.custom-input__wrapper .custom-input.success>select:-moz-placeholder,
.custom-input__wrapper .custom-input.success>input::-moz-placeholder,
.custom-input__wrapper .custom-input.success>select::-moz-placeholder,
.custom-input__wrapper .custom-input.success>input:-ms-input-placeholder,
.custom-input__wrapper .custom-input.success>select:-ms-input-placeholder,
.custom-input__wrapper .custom-input.success>input::-ms-input-placeholder,
.custom-input__wrapper .custom-input.success>select::-ms-input-placeholder,
.custom-input__wrapper .custom-input.custom-input--float.success>label {
    color: #0bbf68
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes scaleOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0)
    }
}

.search-modal__results-wrapper {
    height: calc(100% - 150px);
    overflow-y: auto;
}

@media (min-width: 992px) {
    .search-modal__results-wrapper {
        height: 395px;
    }
}


.search-modal__results {
    height: auto;

}

.search-modal__results--empty {
    padding: 0 20px 20px
}

.search-modal__results--loader {
    display: flex;
    justify-content: center;
    margin-top: .7rem;
}

.search-modal__results--loader .loader {
    border: 10px solid #f5f5f5;
    border-top: 10px solid #a6a6bb;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    margin: 0 auto;
    margin-top: 2rem;
}

.search-modal__results .search-modal__result {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.search-modal__results .search-modal__result .search-modal__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    min-width: 34px;
    border: 1px solid #a6a6bb
}

.search-modal__results .search-modal__result .search-modal__result--city {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 13px 20px;
    cursor: pointer
}

.search-modal__result--404 {
    /* padding: 0 20px; */
}

.search-modal__results .search-modal__result .search-modal__result--city .search-modal__details {
    line-height: 1.3
}

.search-modal__results .search-modal__result .search-modal__result--city .search-modal__details .search-modal__detail--city span:first-child {
    font-size: 15px
}

.search-modal__results .search-modal__result .search-modal__result--country .search-modal__result-title {
    padding: 0 20px;
    font-size: 1.2em;
}

.search-modal__results .search-modal__result .search-modal__detail--airport {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 13px 20px;
    padding-left: 3.75rem;
    cursor: pointer
}

.search-modal__results .result--airports .search-modal__detail--airport {
    padding-left: 20px !important
}

.search-modal__results .result--airports .search-modal__detail--airport .airport-details span:first-child {
    font-size: 13px
}

.search-modal__results .search-modal__result--404 {
    padding: 0 20px
}

.search-modal__results .search-modal__result .search-modal__result--city:hover,
.search-modal__results .search-modal__result .search-modal__detail--airport:hover {
    background-color: #f5f5f5
}

.search-modal__results .search-modal__result .search-modal__result--city .search-modal__details .search-modal__detail--city span:nth-child(2),
.search-modal__results .result--airports .search-modal__detail--airport .airport-details span:nth-child(2) {
    display: block;
    color: #a6a6bb;
    font-size: 13px
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.custom-input__wrapper .custom-input>input {
    font-size: 15px;
    font-weight: 500
}

.search-modal__input {
    padding: 20px
}

.radio.radio--custom {
    display: block;
    position: relative;
    margin-bottom: .9375rem
}

.radio.radio--custom label {
    display: flex;
    align-items: center;
    line-height: 20px
}

.radio.radio--custom label input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.radio.radio--custom label input[type=radio]~.radio__icon {
    position: relative;
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: 1px solid #192743;
    transition: all .2s ease-in-out
}

.radio.radio--custom label input[type=radio]~.radio__label {
    margin-left: .7rem;
    transition: all .2s ease-in-out
}

.radio.radio--custom label input[type=radio]:checked~.radio__icon {
    border: 6.25px solid #1abc9c !important
}

.radio.radio--custom.light .radio__icon {
    border: none !important;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 #0003;
    box-shadow: 0 2px 4px #0003
}

.radio.radio--custom.light .radio__label {
    font-weight: 600;
    margin-left: .5rem
}

.travel-calendar {
    padding: 0 20px
}


.travel-calendar {
    padding: 0 20px
}

.search-modal__content {
    height: auto;
    min-height: calc(100vh - 60px)
}

@media (min-width: 992px) {
    .search-modal__content {
        min-height: unset
    }
}

.custom-input__wrapper .custom-input>input {
    font-size: 15px;
    font-weight: 500
}

.radio__label {
    font-weight: 500 !important
}

.collapse .radio.checked .radio__label {
    color: #1abc9c
}

.select-date__btn {
    width: 100%;
    padding: 20px
}

@media (min-width: 992px) {

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>input,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>select {
        padding: .625rem 1.25rem;
        font-size: 12px
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>label {
        -webkit-transform: translate(20px, 5px) scale(1);
        -moz-transform: translate(20px, 5px) scale(1);
        -ms-transform: translate(20px, 5px) scale(1);
        -o-transform: translate(20px, 5px) scale(1);
        transform: translate(20px, 5px) scale(1)
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm.has-val>input,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm.has-val>select {
        padding-top: 16px;
        padding-bottom: 4px
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm.has-val>label {
        transform: translate(20px, 1px) scale(.75)
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-lg>input,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-lg>select {
        padding: 1.3125rem 1.25rem
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-lg>label {
        -webkit-transform: translate(20px, 15px) scale(1);
        -moz-transform: translate(20px, 15px) scale(1);
        -ms-transform: translate(20px, 15px) scale(1);
        -o-transform: translate(20px, 15px) scale(1);
        transform: translate(20px, 15px) scale(1)
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-lg.has-val>input,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-lg.has-val>select {
        padding-top: 28px;
        padding-bottom: 14px
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-lg.has-val>label {
        transform: translate(20px, 8px) scale(.75)
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>input::placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>select::placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>input::-webkit-input-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>select::-webkit-input-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>input:-moz-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>select:-moz-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>input::-moz-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>select::-moz-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>input:-ms-input-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>select:-ms-input-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>input::-ms-input-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>select::-ms-input-placeholder {
        font-size: 12px
    }
}

@media (max-width: 768px) {

    .custom-input__wrapper .custom-input.custom-input-sm>input,
    .custom-input__wrapper .custom-input.custom-input-sm>select,
    .custom-input__wrapper .custom-input.custom-input-lg>input,
    .custom-input__wrapper .custom-input.custom-input-lg>select {
        padding-top: .875rem;
        padding-bottom: .875rem
    }
}

@media (min-width: 992px) {

    .custom-input__wrapper .custom-input.custom-input-sm>input,
    .custom-input__wrapper .custom-input.custom-input-sm>select {
        font-size: 12px;
        padding: .625rem 1.25rem
    }

    .custom-input__wrapper .custom-input.custom-input-lg>input,
    .custom-input__wrapper .custom-input.custom-input-lg>select {
        padding: 1.3125rem 1.25rem
    }
}

.custom-input__wrapper .custom-error {
    width: 100%
}

.custom-input__wrapper .custom-error .custom-error__msg {
    display: flex;
    align-items: center;
    gap: .3rem;
    color: #d62f1c;
    font-size: .8rem;
    font-weight: 400;
    line-height: .9rem;
    margin-top: .5rem;
    margin-left: .2rem
}

.custom-input__wrapper .custom-error .custom-error__tooltip-msg {
    position: absolute;
    z-index: 100;
    color: #f5f5f5;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.25rem;
    width: 100%;
    margin-top: 12px;
    padding: 15px 25px;
    border-radius: 2px;
    background-color: #d62f1c;
    box-shadow: 0 2px 8px #0003
}

.custom-input__wrapper .custom-error .custom-error__tooltip-msg:before {
    display: block;
    position: absolute;
    top: -7px;
    left: 50%;
    width: 1rem;
    height: 1rem;
    transform: translate(-50%) rotate(45deg);
    border-radius: 2px;
    background-color: #d62f1c;
    content: ""
}

.select-passengers__btn.mobile {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
}

.select-passengers__btn.desktop {
    display: none;
}

@media (min-width: 992px) {
    .quantity--custom .counter {
        font-size: 13px
    }

    .select-passengers__btn.mobile {
        display: none;
    }

    .select-passengers__btn.desktop {
        display: block;
    }
}

.custom-input__wrapper .custom-input>input {
    font-size: 15px;
    font-weight: 500
}

.search-modal__input {
    padding: 20px
}

.search-modal__seats-wrapper {
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    padding: 0 20px 20px;
    height: 85%
}

@media (min-width: 768px) {
    .search-modal__seats-wrapper {
        height: 90%
    }
}

.search-modal__seats-wrapper .search-modal__title {
    margin-bottom: 16px;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal
}

.search-modal__seats-wrapper .search-modal__seats .search-modal__seat {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #a6a6bb80
}

.search-modal__seats-wrapper .search-modal__seats .search-modal__seat label span {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.7
}

.search-modal__seats-wrapper .search-modal__seats .search-modal__seat label span:nth-child(2) {
    color: #a6a6bb
}

.search-modal__seats-wrapper .search-modal__classes .radio.light .radio__label {
    font-size: 14px;
    font-weight: 500 !important
}

.search-modal__seats-wrapper .search-modal__classes .radio.light .radio__icon {
    border: 1px solid #192743 !important;
    box-shadow: none
}

@media (min-width: 992px) {}

.search__inputs .custom-input__icon--end {
    cursor: pointer
}

.search__inputs .search__panel--multi {
    margin-bottom: 1.25rem
}

.search__inputs .date__inputs {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 4px
}

.search__inputs .date__inputs .custom-input {
    border: none
}

.search__inputs .date__inputs .custom-input__wrapper.travel-date-from__input .custom-input {
    border-radius: 4px 0 0 4px
}

.search__inputs .date__inputs .custom-input__wrapper.travel-date-to__input .custom-input {
    border-radius: 0 4px 4px 0
}

.search__inputs .date__inputs .icon__wrapper {
    padding: 10px 0 10px 20px;
    top: 5%;
    margin-right: -10px;
    z-index: 10
}

.search__inputs .date__inputs .custom-input__wrapper.travel-date-from__input,
.search__inputs .date__inputs .dates__input {
    border-right: 1px solid #f5f5f5 !important
}

.search__inputs--desktop {
    display: none !important;
}

@media (min-width: 992px) {
    .search__inputs--desktop {
        display: inherit !important;
    }
}

.search__inputs--desktop .search__panel {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 #0003;
    box-shadow: 0 2px 8px #0003;
}

.search__inputs--desktop .search__panel .custom-input {
    border: none;
    /* border-radius: 0; */
    border-right: 1px solid #f5f5f5
}


.search__inputs--desktop .search__panel .custom-input__wrapper.travel-passengers .custom-input {
    border-right: none
}

.search__inputs--desktop .search__panel .swap__icon {
    position: absolute;
    z-index: 20;
    left: 17%;
    background-color: #fff;
    transform: translate(50%, -50%) rotate(90deg);
    top: 50%;
    cursor: pointer
}

@media (min-width: 1400px) {
    .search__inputs--desktop .search__panel .swap__icon {
        left: 17.7%
    }
}

.search__inputs--desktop .search__panel .travel-from__input,
.search__inputs--desktop .search__panel .travel-to__input,
.search__inputs--desktop .search__panel .travel-passengers__input {
    width: 20%
}

.search__inputs--desktop .search__panel .travel-date__inputs {
    display: flex;
    align-items: center;
    width: calc(25% - 10px)
}

.search__inputs--desktop .search__panel .travel-date__inputs .icon__wrapper {
    padding: 10px 0 10px 20px;
    top: 5%;
    margin-right: -10px;
    z-index: 10
}

.search__inputs--desktop .search__panel .travel-search__btn {
    width: 15%
}

.search__inputs--desktop .search__panel--multi {
    grid-gap: 1rem
}

.search__inputs--desktop .search__panel--multi .search__panel-wrapper--multi .search__panel-inputs {
    display: flex;
    background-color: #fff;
    align-items: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 #0003;
    box-shadow: 0 2px 8px #0003;
}

.search__inputs--desktop .search__panel--multi .search__panel-wrapper--multi .search__panel-inputs .custom-input {
    border: none;
    /* border-radius: 0; */
    border-right: 1px solid #f5f5f5
}

.search__inputs--desktop .search__panel--multi .search__panel-wrapper--multi .search__panel-inputs .travel-from__input,
.search__inputs--desktop .search__panel--multi .search__panel-wrapper--multi .search__panel-inputs .travel-to__input {
    width: 100%
}

.search__inputs--desktop .search__panel--multi .search__panel-wrapper--multi .search__panel-date-input {
    display: flex;
    align-items: center;
    width: 100%
}

.search__inputs--desktop .search__panel--multi .search__panel-wrapper--multi .search__panel-date-input .icon__wrapper {
    top: 5%;
    margin-right: -10px;
    z-index: 10;
    padding-left: 20px;
    width: auto
}

.search__inputs--desktop .search__panel--multi .search__panel-btn--multi .btn {
    width: 30%
}

.search__inputs--desktop .search__panel--multi .search__panel-extra--multi {
    display: flex;
    justify-content: space-between
}

.search__inputs--desktop .search__panel--multi .search__panel-extra--multi .travel-passengers__input {
    width: 35%
}

.search__inputs--desktop .search__panel--multi .search__panel-extra--multi .travel__btn {
    width: 17%
}

.custom-input__wrapper .custom-input>input {
    font-size: 15px;
    font-weight: 500
}


.search-modal__input {
    padding: 20px
}

.travel-calendar {
    padding: 0 20px
}

.search-modal__content {
    height: calc(100vh - 60px);
    min-height: calc(100vh - 60px)
}

@media (min-width: 992px) {
    .search-modal__content {
        height: auto;
        min-height: unset
    }
}

.custom-input__wrapper .custom-input>input {
    font-size: 15px;
    font-weight: 500
}

.datepicker__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: column;
    user-select: none;
}

@media (min-width: 992px) {
    .datepicker__wrapper {
        justify-content: start;
        height: auto;
        max-height: unset;
        padding: 20px;
    }
}

.datepicker__wrapper .block {
    width: 100%;
    height: calc(100% - 150px);
    max-height: calc(100% - 150px);
    overflow-y: auto
}

.datepicker__wrapper .travel-calendar__wrapper {
    flex: 1;
    padding: 10px 20px;
    width: 100%;
    overflow-y: auto;
}

.datepicker__wrapper .calendar {
    display: flex;
    flex-direction: column;
}

.datepicker__wrapper .month {
    width: 100%;
}

.datepicker__wrapper .select-dates__btn {
    width: 100%;
    padding: 20px;
}

@media (min-width: 992px) {
    .datepicker__wrapper .calendar {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }

    .datepicker__wrapper .month {
        width: 48.5%;
    }

    .datepicker__wrapper .travel-calendar__wrapper {
        padding: 10px 0 0;
    }
}


.datepicker__wrapper .month table {
    border-collapse: separate;
    border-spacing: 0 2px;
}

.datepicker__wrapper .month .prev-month__btn {
    position: absolute;
    top: 5px;
    width: 20px;
    left: 0;
    cursor: pointer;
    z-index: 10;
}

.datepicker__wrapper .month .prev-month__btn.disabled,
.datepicker__wrapper .month .next-month__btn.disabled {
    pointer-events: none;
    cursor: default;
}

.datepicker__wrapper .month .prev-month__btn.disabled svg,
.datepicker__wrapper .month .next-month__btn.disabled svg {
    fill: #a6a6bb;
    opacity: .7;
}

.datepicker__wrapper .month .prev-month__btn svg,
.datepicker__wrapper .month .next-month__btn svg {
    transition: fill .2s;
    fill: #333;
}


.datepicker__wrapper .month .prev-month__btn:hover svg,
.datepicker__wrapper .month .next-month__btn:hover svg {
    fill: #a6a6bb;
}

.datepicker__wrapper .month .next-month__btn {
    position: absolute;
    top: 5px;
    width: 20px;
    right: 0;
    cursor: pointer;
    z-index: 10;
}

.datepicker__wrapper .month .monthname {
    margin-bottom: 8px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
}

.datepicker__wrapper table {
    width: 100%;
    border-collapse: collapse;
}

.datepicker__wrapper .weekday,
.datepicker__wrapper .monthday {
    padding: 10px;
    text-align: center;
    font-size: 14px;
}

.datepicker__wrapper .monthday {
    cursor: pointer;
    border-radius: 4px;
}

.datepicker__wrapper .monthday.disabled {
    background-color: #f4f4fa;
    color: #b8b8df;
    border-radius: 0;
    cursor: default;
    pointer-events: none;
}

.datepicker__wrapper .filling {
    pointer-events: none;
}

.datepicker__wrapper .monthday.between {
    border-radius: 0;
}

.datepicker__wrapper .monthday.between {
    background-color: rgba(26, 188, 156, 0.15);
}

.datepicker__wrapper .monthday.selected {
    background-color: #1abc9c;
    color: #fff;
    border-radius: 4px;
    transform: scale(1.05);
}

.datepicker__wrapper .monthday.selected--return {
    border-radius: 0 4px 4px 0;
}

.datepicker__wrapper .monthday.selected--depart {
    border-radius: 4px 0 0 4px;
    pointer-events: auto;
    cursor: pointer;
}

.datepicker__wrapper .monthday.selected.selected--depart1,
.datepicker__wrapper .monthday.selected.selected--depart2,
.datepicker__wrapper .monthday.selected.selected--depart3,
.datepicker__wrapper .monthday.selected.selected--depart4 {
    background-color: #fff;
    color: #333;
    border-radius: 0;
    cursor: pointer;
    pointer-events: auto;
    transform: unset;
}

.datepicker__wrapper .monthday.selected.selected--depart1:hover,
.datepicker__wrapper .monthday.selected.selected--depart2:hover,
.datepicker__wrapper .monthday.selected.selected--depart3:hover,
.datepicker__wrapper .monthday.selected.selected--depart4:hover {
    background-color: rgba(26, 188, 156, 0.15);
    color: #333;
    border-radius: 4px;
}


.select-travel-date__wrapper {
    display: flex;
    justify-content: space-around;
    color: #333;
    font-size: 1rem;
    text-align: center;
    width: 100%;
    padding-block-start: 20px;
}

.select-travel-date__wrapper .travel-date {
    width: 100%;
    cursor: pointer !important
}

.select-travel-date__wrapper .travel-date .travel-date__input {
    display: none
}

.select-travel-date__wrapper .travel-date .travel-date__container {
    padding: 10px 0 15px
}

@media (min-width: 992px) {
    .select-travel-date__wrapper {
        gap: 1.25rem;
    }

    .select-travel-date__wrapper .travel-date .travel-date__input {
        display: inherit
    }

    .datepicker__wrapper .monthday:not(.disabled, .selected):hover {
        background-color: rgba(26, 188, 156, 0.15);
    }

    .select-travel-date__wrapper {
        padding-block-start: unset;
    }

    .select-travel-date__wrapper .travel-date .travel-date__container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #a6a6bb
    }
}


.select-travel-date__wrapper .travel-date .travel-date__container .travel-date__text {
    margin-bottom: .3rem;
    padding-bottom: .3rem;
    font-weight: 500;
    font-size: 1.1rem;
    border-bottom: 1px solid #333;
    font-size: 15px;
    transition: all .1s;
}

.select-travel-date__wrapper .travel-date.selected .travel-date__container .travel-date__text {
    color: #1abc9c;
    font-weight: 600;
}

@media (min-width: 992px) {
    .select-travel-date__wrapper .travel-date .travel-date__container .travel-date__text {
        border: none;
        font-size: 1rem
    }

    .select-travel-date__wrapper .travel-date.selected .travel-date__container .travel-date__text {
        color: #333;
        /* font-weight: bold; */
    }
}

.select-travel-date__wrapper .travel-date .travel-date__container .travel-date__value {
    font-weight: 700
}

@media (min-width: 992px) {
    .select-travel-date__wrapper .travel-date .travel-date__container .travel-date__value {
        display: none
    }
}

.select-travel-date__wrapper .travel-date .travel-date__container .dropdown-container {
    border-top: 1px solid #333;
    margin-top: .5rem
}

@media (min-width: 992px) {
    .select-travel-date__wrapper .travel-date .travel-date__container .dropdown-container {
        margin-left: auto;
        border: 1px solid #a6a6bb;
        border-radius: 4px;
        width: 50%;
        margin-top: unset
    }

    .search__panel--multi .select-travel-date__wrapper .travel-date .travel-date__container .dropdown-container {
        display: none;
    }
}

.select-travel-date__wrapper .travel-date .travel-date__container .dropdown-container .travel-date__dropdown {
    font-size: 12px
}

.select-travel-date__wrapper .travel-date .travel-date__container .dropdown-container .travel-date__dropdown .date-dropdown--trigger {
    color: #1abc9c;
    margin-bottom: .5rem;
    padding: .3rem 0
}

@media (min-width: 992px) {
    .select-travel-date__wrapper .travel-date .travel-date__container .dropdown-container .travel-date__dropdown .date-dropdown--trigger {
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #a6a6bb;
        font-weight: 500;
        margin-bottom: 0
    }
}

.select-travel-date__wrapper .travel-date .travel-date__container .dropdown-container .travel-date__dropdown .date-dropdown--trigger .date-dropdown__text {
    padding: 10px 0;
    font-size: 15px
}

@media (min-width: 992px) {
    .select-travel-date__wrapper .travel-date .travel-date__container .dropdown-container .travel-date__dropdown .date-dropdown--trigger .date-dropdown__text {
        padding: 0;
        color: #333
    }
}

.select-travel-date__wrapper .travel-date .travel-date__container .dropdown-container .travel-date__dropdown .date-dropdown--trigger svg {
    transition: all .3s
}

.select-travel-date__wrapper .travel-date .travel-date__container .dropdown-container .travel-date__dropdown .date-dropdown--trigger-active svg {
    transform: rotate(180deg)
}


.radio__label {
    font-weight: 500 !important
}

.collapse {
    transition: all var(--vc-auto-duration) cubic-bezier(.3, 0, .6, 1);
    font-size: 14px;
    font-weight: 400;
    background-color: #fff;
    padding-left: 1rem !important
}

@media (min-width: 992px) {
    .collapse {
        position: absolute;
        will-change: transform;
        top: 0;
        left: -1px;
        right: -1px;
        transform: translate3d(0, 40px, 0);
        z-index: 100;
        padding: 0 10px 10px !important;
        border-radius: 0 0 4px 4px;
        border: 1px solid #a6a6bb !important;
        border-top: none !important
    }
}

.collapse .radio.checked .radio__label {
    color: #1abc9c
}

.select-date__btn {
    width: 100%;
    padding: 20px
}

.custom-input__wrapper .custom-input>input {
    font-size: 15px;
    font-weight: 500
}

.search-modal__input {
    padding: 20px
}

.search-modal__seats-wrapper {
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    padding: 0 20px 20px;
    height: 85%
}

@media (min-width: 768px) {
    .search-modal__seats-wrapper {
        height: 90%
    }
}

.search-modal__seats-wrapper .search-modal__title {
    margin-bottom: 16px;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal
}

.search-modal__seats-wrapper .search-modal__seats .search-modal__seat {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #a6a6bb80
}

.search-modal__seats-wrapper .search-modal__seats .search-modal__seat label span {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.7
}

.search-modal__seats-wrapper .search-modal__seats .search-modal__seat label span:nth-child(2) {
    color: #a6a6bb
}

.search-modal__seats-wrapper .search-modal__classes .radio.light .radio__label {
    font-size: 14px;
    font-weight: 500 !important
}

.search-modal__seats-wrapper .search-modal__classes .radio.light .radio__icon {
    border: 1px solid #192743 !important;
    box-shadow: none
}

.header {
    height: auto;
    padding: 30px 0 3rem
}

@media (min-width: 768px) {
    .header {
        background-image: url(https://www.repjegy.hu/images/search-box-bg.webp);
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover;
        z-index: 2
    }
}

@media (min-width: 992px) {
    .header {
        padding: 30px 0 5rem !important
    }
}

.header::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#247887), to(#1abc9c));
    background-image: -webkit-linear-gradient(left, #247887 0%, #1abc9c 100%);
    background-image: -o-linear-gradient(left, #247887 0%, #1abc9c 100%);
    background-image: linear-gradient(90deg, #247887 0%, #1abc9c 100%);
    content: "";
    opacity: .8;
    /* z-index: -1 */
}

.header .content__wrapper {
    display: flex;
    justify-content: center;
    flex-flow: column;
    width: 100%;
    z-index: 1;
}

.header .content__wrapper .title {
    text-align: center;
    color: #fff
}

@media (min-width: 992px) {
    .header .content__wrapper .title {
        padding: 40px 0
    }
}

.header .content__wrapper .container:nth-child(2).container--tabs {
    display: flex;
    justify-content: start;
    align-items: center;
    padding-left: 0;
    width: 100%;
    margin-top: 15px;
    gap: 2px
}

.header .content__wrapper .container:nth-child(2).container--tabs a {
    width: 24%;
    color: #333
}

@media (min-width: 992px) {
    .header .content__wrapper .container:nth-child(2).container--tabs a {
        width: 20%
    }
}

.header .content__wrapper .container:nth-child(2).container--tabs .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px 0;
    background-color: #ffffff4d
}

.header .content__wrapper .container:nth-child(2).container--tabs a:active,
.header .content__wrapper .container:nth-child(2).container--tabs a:visited {
    color: #333
}


.header .content__wrapper .container:nth-child(2).container--tabs .tab h1 {
    font-size: .75rem;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 21px;
    font-weight: 600;
    padding-top: 3px
}

.header .content__wrapper .container:nth-child(2).container--tabs .tab--selected,
.header .content__wrapper .container:nth-child(2).container--tabs .tab:hover {
    background-color: #0000004d;
    color: #fff
}

@media (min-width: 992px) {
    .header .content__wrapper .container:nth-child(2).container--tabs .tab h1 {
        font-size: 1rem;
        font-weight: 500
    }
}

.header .content__wrapper .container:nth-child(3).container--search-box {
    background-color: #0000004d;
    padding: 15px 15px 20px
}

@media (min-width: 992px) {
    .header .content__wrapper .container:nth-child(3).container--search-box {
        padding: 20px
    }
}

.header .content__wrapper .container:nth-child(3).container--search-box .nav.nav--travel-types {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-flow: wrap;
    gap: .7rem;
}

.header .content__wrapper .container:nth-child(3).container--search-box .nav.nav--travel-types .radio__label {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
    transition: all .3s;
}

.header .content__wrapper .container:nth-child(3).container--search-box .nav.nav--travel-types .checked .radio__label {
    color: #fff;
}

@media (min-width: 992px) {
    .header .content__wrapper .container:nth-child(3).container--search-box .nav.nav--travel-types .radio__label {
        font-size: 14px
    }

    .header .content__wrapper .container:nth-child(3).container--search-box .search__form {
        padding-inline-start: 10px;
        padding-inline-end: 10px;
    }
}


.header .content__wrapper .container:nth-child(3).container--search-box .custom-input__wrapper .custom-input>input {
    font-size: 15px;
    font-weight: 500;
    border: none;
}

:root {
    --vc-clr-primary: #000;
    --vc-clr-secondary: #090f207f;
    --vc-clr-white: #fff;
    --vc-icn-width: 1.2em;
    --vc-nav-width: 30px;
    --vc-nav-height: 30px;
    --vc-nav-border-radius: 0;
    --vc-nav-color: var(--vc-clr-primary);
    --vc-nav-color-hover: var(--vc-clr-secondary);
    --vc-nav-background: transparent;
    --vc-pgn-width: 12px;
    --vc-pgn-height: 4px;
    --vc-pgn-margin: 4px;
    --vc-pgn-border-radius: 0;
    --vc-pgn-background-color: var(--vc-clr-secondary);
    --vc-pgn-active-color: var(--vc-clr-primary)
}

.carousel {
    position: relative;
    text-align: center;
    box-sizing: border-box;
    /* touch-action: pan-y;
    overscroll-behavior: none; */
    user-select: none;
    outline: none;
}

.carousel.is-dragging {
    touch-action: none
}

.carousel * {
    box-sizing: border-box
}

.carousel__track {
    display: flex;
    padding: 0 !important;
    position: relative;
    transition: transform 0.5s ease;
}

.slider--destinations .carousel__viewport {
    overflow-x: scroll;
    padding-bottom: 10px;
}

.slider--airlines .carousel__viewport {
    overflow-x: hidden;
}

.slider--destinations .carousel__viewport::-webkit-scrollbar {
    margin-top: .5rem;
    width: 3px;
    height: 5px;
}

.slider--destinations .carousel__viewport::-webkit-scrollbar-track {
    background: transparent;
}

.slider--destinations .carousel__viewport::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.slider--destinations .carousel__viewport::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4);
}

@media (min-width: 992px) {
    .slider--destinations .carousel__viewport {
        overflow-x: hidden;
    }

    .slider--destinations .carousel__viewport::-webkit-scrollbar {
        display: none;
    }
}

.carousel__sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.carousel__icon {
    width: var(--vc-icn-width);
    height: var(--vc-icn-width);
    fill: currentColor
}

.carousel__pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    line-height: 0;
    margin: 10px 0 0
}

.carousel__pagination-button {
    display: block;
    border: 0;
    margin: 0;
    cursor: pointer;
    padding: var(--vc-pgn-margin);
    background: transparent
}

.carousel__pagination-button:after {
    display: block;
    content: "";
    width: var(--vc-pgn-width);
    height: var(--vc-pgn-height);
    border-radius: var(--vc-pgn-border-radius);
    background-color: var(--vc-pgn-background-color)
}

.carousel__pagination-button:hover:after,
.carousel__pagination-button--active:after {
    background-color: var(--vc-pgn-active-color)
}

.carousel__slide {
    scroll-snap-stop: auto;
    flex-shrink: 0;
    margin: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateZ(0) transi
}

.carousel__prev,
.carousel__next {
    box-sizing: content-box;
    background: var(--vc-nav-background);
    border-radius: var(--vc-nav-border-radius);
    width: var(--vc-nav-width);
    height: var(--vc-nav-height);
    text-align: center;
    font-size: var(--vc-nav-height);
    padding: 0;
    color: var(--vc-nav-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border: 0;
    cursor: pointer;
    margin: 0 10px;
    top: 50%;
    transform: translateY(-50%)
}

.carousel__prev:hover,
.carousel__next:hover {
    color: var(--vc-nav-color-hover)
}

.slider__arrow-left.disabled,
.slider__arrow-right.disabled {
    pointer-events: none;
    opacity: .5;
}

.carousel__next--disabled,
.carousel__prev--disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5
}

.carousel__prev {
    left: 0
}

.carousel__next {
    right: 0
}

.carousel--rtl .carousel__prev {
    left: auto;
    right: 0
}

.carousel--rtl .carousel__next {
    right: auto;
    left: 0
}

.slider__dot {
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 10px;
    outline: none;
    background: #a6a6bb4d;
    text-indent: -9999px;
    cursor: pointer;
    transition: all .3s
}

.slider__dot.selected {
    background: #1abc9c
}

.slider__pagination {
    display: flex;
    justify-content: center;
    gap: .5rem;
    margin-top: .5rem
}

.header {
    height: auto;
    padding: 30px 0 3rem
}

@media (min-width: 768px) {
    .header {
        background-image: url(https://www.repjegy.hu/images/search-box-bg.webp);
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover;
        z-index: 2
    }
}

.header::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#247887), to(#1abc9c));
    background-image: -webkit-linear-gradient(left, #247887 0%, #1abc9c 100%);
    background-image: -o-linear-gradient(left, #247887 0%, #1abc9c 100%);
    background-image: linear-gradient(90deg, #247887 0%, #1abc9c 100%);
    content: "";
    opacity: .8;
    /* z-index: -1 */
}

.header .content__wrapper {
    display: flex;
    justify-content: center;
    flex-flow: column
}

.header .content__wrapper .title {
    text-align: center;
    color: #fff
}

.header .content__wrapper .container:nth-child(2).container--tabs {
    display: flex;
    justify-content: start;
    align-items: center;
    padding-left: 0;
    width: 100%;
    margin-top: 15px;
    gap: 2px
}

.header .content__wrapper .container:nth-child(2).container--tabs a {
    width: 24%;
    color: #333
}

.header .content__wrapper .container:nth-child(2).container--tabs .tab h1 {
    font-size: .75rem;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 21px;
    font-weight: 600;
    padding-top: 3px
}

.header .content__wrapper .container:nth-child(3).container--search-box {
    background-color: #0000004d;
    padding: 15px 15px 20px
}

.header .content__wrapper .container:nth-child(3).container--search-box .nav.nav--travel-types {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-flow: wrap;
    gap: .7rem;
    color: #fff;
}

@media (min-width: 992px) {
    .header .content__wrapper .container:nth-child(3).container--search-box .nav.nav--travel-types {
        justify-content: start;
        padding-inline-start: 10px;
        padding-inline-end: 10px;
    }
}

.header .content__wrapper .container:nth-child(3).container--search-box .search__inputs .custom-input__icon--end {
    cursor: pointer
}

.header .content__wrapper .container:nth-child(3).container--search-box .search__inputs .date__inputs {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 4px
}

.header .content__wrapper .container:nth-child(3).container--search-box .search__inputs .date__inputs .custom-input {
    border: none
}

.header .content__wrapper .container:nth-child(3).container--search-box .search__inputs .date__inputs .custom-input__wrapper.date-to__input .custom-input {
    border-radius: 4px 0 0 4px
}

.header .content__wrapper .container:nth-child(3).container--search-box .search__inputs .date__inputs .custom-input__wrapper.date-from__input .custom-input {
    border-radius: 0 4px 4px 0
}

.header .content__wrapper .container:nth-child(3).container--search-box .search__inputs .date__inputs .icon__wrapper {
    padding: 10px 0 10px 15px;
    top: 5%
}

.blocks--landing {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.header .content__wrapper .container:nth-child(2).container--tabs a:active,
.header .content__wrapper .container:nth-child(2).container--tabs a:visited {
    color: #333
}

.header .content__wrapper .container:nth-child(2).container--tabs .tab--selected,
.header .content__wrapper .container:nth-child(2).container--tabs .tab:hover {
    background-color: #0000004d;
    color: #fff
}

@media (min-width: 992px) {
    .header .content__wrapper .container:nth-child(2).container--tabs .tab {
        flex-direction: row;
        justify-content: flex-start;
        padding: 20px;
        gap: .5rem
    }

    .header .content__wrapper .container:nth-child(2).container--tabs .tab h1 {
        font-size: 1rem;
        font-weight: 600;
    }


    .header .content__wrapper .container:nth-child(2).container--tabs .tab svg {
        width: 23px !important;
        height: 23px !important
    }
}


.header .content__wrapper .container:nth-child(3).container--search-box .search__inputs .date__inputs .custom-input__wrapper.date-to__input,
.header .content__wrapper .container:nth-child(3).container--search-box .search__inputs .date__inputs .dates__input {
    border-right: 1px solid #f5f5f5 !important
}

.checkbox--booking {
    margin-block-start: .75rem;
}

.checkbox--booking .checkbox__label {
    font-size: 14px;
}

.blocks--landing .block.block--banner {
    display: grid;
    /* margin-top: 3rem; */
    justify-content: center;
}

.blocks--landing .block.block--banner .banner-first--mobile img,
.blocks--landing .block.block--banner .banner-first--mobile,
.blocks--landing .block.block--banner .banner-second--mobile img,
.blocks--landing .block.block--banner .banner-second--mobile {
    width: 280px;
    height: 310px;
    max-width: 100%;
}

.blocks--landing .block.block--banner .banner-first--desktop,
.blocks--landing .block.block--banner .banner-second--desktop {
    display: none;
}

.blocks--landing .block.block--banner .row {
    grid-gap: 20px
}

.blocks--landing .block.block--banner img {
    border-radius: 4px
}

@media (min-width: 992px) {

    .blocks--landing .block.block--banner .banner-first--desktop,
    .blocks--landing .block.block--banner .banner-second--desktop {
        display: block;
    }

    .blocks--landing .block.block--banner .banner-first--mobile,
    .blocks--landing .block.block--banner .banner-second--mobile {
        display: none;
    }
}

.blocks--landing .block.block--slider {
    margin-top: 3rem;
    padding: 2.5rem 0;
    background-color: #fff
}

.blocks--landing .block.block--slider .block__header {
    margin-bottom: 23px;
    width: 100%
}

.blocks--landing .block.block--slider .block__header span {
    display: none
}

.blocks--landing .block.block--slider .block__header .block__title {
    text-align: center
}

@media (min-width: 768px) {
    .blocks--landing .block.block--slider .block__header .block__title {
        display: flex
    }
}

.blocks--landing .block.block--slider .block__header .slider__arrows {
    display: none
}

.blocks--landing .block.block--slider .block__header .slider__arrows .slider__arrow-left,
.blocks--landing .block.block--slider .block__header .slider__arrows .slider__arrow-right {
    cursor: pointer
}

.blocks--landing .block.block--slider .block__header .slider__arrows .slider__arrow-left:hover,
.blocks--landing .block.block--slider .block__header .slider__arrows .slider__arrow-right:hover {
    transform: scale(1.01)
}

@media (min-width: 992px) {
    .blocks--landing .block.block--slider .block__header {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .blocks--landing .block.block--slider .block__header span {
        display: inherit;
        width: 70px
    }

    .blocks--landing .block.block--slider .block__header .slider__arrows {
        display: flex;
        width: 70px
    }
}

.blocks--landing .block.block--slider .card {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 12px 1px #8c8c8cab;
    box-shadow: 0 3px 12px 1px #8c8c8cab;
    cursor: pointer;
    transition: .3s;
    overflow: hidden
}

.blocks--landing .block.block--slider .card:hover img {
    opacity: .8;
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01)
}

.blocks--landing .block.block--slider .card img {
    border-radius: 5px 5px 0 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blocks--landing .block.block--slider .card>.card__body {
    padding: 10px;
    text-align: start
}

.blocks--landing .block.block--slider .card>.card__body .card__title {
    font-size: 1.2em;
    margin-bottom: 8px;
    color: #192743;
    transition: .3s
}

.blocks--landing .block.block--slider .card>.card__body .card__price,
.blocks--landing .block.block--slider .card>.card__body .card__text {
    font-size: 1.1em;
    font-weight: 400;
    margin-bottom: 8px;
    font-weight: 500
}

.blocks--landing .block.block--slider .card>.card__body .card__price {
    color: #192743
}

.blocks--landing .block.block--slider .card>.card__body .card__text {
    margin-top: -15px;
    color: #a6a6bb
}

.blocks--landing .block.block--planner {
    padding: 2.5rem 0
}

.blocks--landing .block.block--planner .block__title {
    text-align: center;
    margin-bottom: 23px
}

.blocks--landing .block.block--planner .block__image {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 400px;
    background-image: url(https://www.repjegy.hu/images/newdesign/mainpage/terkep.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 2
}

.blocks--landing .block.block--planner .block__image>.planner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    background-color: #fff;
    border-radius: 4px;
    padding: 30px;
    width: 70%
}

.blocks--landing .block.block--slider .card:hover>.card__body .card__title,
.blocks--landing .block.block--slider .card:hover>.card__body .card__price,
.blocks--landing .block.block--slider .card>.card__body .card__title:hover {
    color: #333
}

@media (min-width: 768px) {
    .blocks--landing .block.block--planner .block__image>.planner {
        width: 50%
    }
}

@media (min-width: 992px) {
    .blocks--landing .block.block--planner .block__image>.planner {
        width: 40%
    }
}

@media (min-width: 1400px) {
    .blocks--landing .block.block--planner .block__image>.planner {
        width: 30%
    }
}

.blocks--landing .block.block--planner .block__image>.planner .planner__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    min-width: 70px;
    background-color: #333;
    margin-bottom: 30px
}

.blocks--landing .block.block--planner .block__image>.planner .planner__text {
    color: #1abc9c;
    font-weight: 800;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    margin-bottom: 30px
}

.blocks--landing .block.block--planner .block__image>.planner .planner__btn {
    width: 100%
}

.blocks--landing .block.block--magazine {
    background-color: #fff;
    padding: 2.5rem 0 0
}

.blocks--landing .block.block--magazine .block__title {
    text-align: center;
    margin-bottom: 1.5625rem
}

.blocks--landing .block.block--magazine .row {
    grid-gap: 20px
}

.blocks--landing .block.block--magazine .card--magazine {
    border-radius: 4px;
    margin-bottom: 50px
}

.blocks--landing .block.block--magazine .card--magazine .card__header {
    display: inline-block;
    position: relative;
    width: 100%;
    cursor: pointer;
    overflow: hidden
}

.blocks--landing .block.block--magazine .card--magazine .card__header .card__image {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    aspect-ratio: 14/9;
    border-radius: 4px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blocks--landing .block.block--magazine .card--magazine .card__header .card__title {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    max-width: 90%;
    margin: 0;
    padding: 1rem 1rem 0 0;
    border-radius: 0 4px 0 0;
    background-color: #fff;
    color: #333;
    font-size: 1rem;
    font-weight: 700;
    line-height: 23px;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media (min-width: 768px) and (max-width: 992px) {
    .blocks--landing .block.block--magazine .card--magazine .card__header .card__title {
        max-height: 60%
    }
}

.blocks--landing .block.block--magazine .card--magazine .card__header .card__badge {
    display: inline-flex;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    padding: .5rem 1rem;
    border-radius: 4px;
    background-color: #1abc9c;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.25
}

.blocks--landing .block.block--magazine .card--magazine .card__header:hover .card__title {
    color: #1abc9c
}

.blocks--landing .block.block--magazine .card--magazine .card__header:hover .card__image {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
    opacity: .8
}

.blocks--landing .block.block--magazine .card--magazine .card__body {
    margin-top: 10px
}

.blocks--landing .block.block--airlines {
    padding: 2.5rem 0 0
}

.blocks--landing .block.block--airlines .block__title {
    text-align: center;
    margin-bottom: 1.5625rem
}

.blocks--landing .block.block--airlines .block__body {
    display: flex;
    justify-content: center;
    flex-flow: column;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.blocks--landing .block.block--airlines .block__body .slider__wrapper {
    display: flex;
    justify-content: center;
    align-items: start;
    width: 100%
}

.blocks--landing .block.block--airlines .block__body .slider__wrapper .slider__arrow {
    top: 28px
}

.blocks--landing .block.block--airlines .block__body .slider__wrapper svg {
    cursor: pointer
}

.blocks--landing .block.block--airlines .block__body .slider__wrapper .card {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 50vw;
    border-radius: 5px;
    box-shadow: unset;
    background-color: #f5f5f5
}

.blocks--landing .block.block--airlines .block__body .slider__wrapper .card img {
    padding: 15px;
    height: 60px;
    width: 100%;
    max-width: 185px;
    cursor: pointer
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper {
    display: none;
    flex-direction: column;
    height: 100%;
    width: calc(100vw - 10px);
    background-color: #fff;
    border-radius: 4px;
    padding: 20px;
    z-index: 10;
    margin-top: 1rem;
    margin-left: calc(-50vw + 50% + 6px);
    -webkit-box-shadow: 0 5px 20px 0 #00000026;
    box-shadow: 0 5px 10px #00000026;
    transition: all .5s;
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper.airlines__wrapper--active {
    display: flex;
}

@media (min-width: 576px) {
    .blocks--landing .block.block--airlines .block__body .airlines__wrapper {
        width: 100%;
        margin-left: unset
    }
}

@media (min-width: 1400px) {
    .blocks--landing .block.block--airlines .block__body .airlines__wrapper {
        padding: 30px
    }
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper:before {
    position: absolute;
    top: -13px;
    left: calc(50% - 7px);
    width: 0;
    height: 0;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #fff;
    border-left: 14px solid transparent;
    content: ""
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content {
    display: flex;
    flex-direction: column
}

@media (min-width: 992px) {
    .blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content {
        flex-direction: row
    }
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__header {
    display: flex;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #a6a6bb40
}

@media (min-width: 576px) {
    .blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__header {
        gap: 1.5rem
    }
}

@media (min-width: 992px) {
    .blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__header {
        width: 40%;
        border-bottom: unset;
        margin-bottom: unset;
        padding-bottom: unset;
        margin-right: 30px;
        padding-right: 30px;
        border-right: 2px solid #a6a6bb40
    }
}

@media (min-width: 1400px) {
    .blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__header {
        width: 30%;
        margin-right: 60px;
        padding-right: 60px;
        border-right: 2px solid #a6a6bb40
    }
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__header .airlines__details {
    text-align: start;
    width: 50%;
    transition: all .3s
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__header .airlines__details a:active,
.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__header .airlines__details a:visited {
    color: #333
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__header .airlines__details .airlines__name {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.44;
    font-weight: 700;
    letter-spacing: normal;
    transition: all .3s
}

@media (min-width: 992px) {
    .blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__header .airlines__details .airlines__name {
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 1.36
    }
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__header .airlines__details .airlines__name:hover {
    text-decoration: underline
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__header .airlines__details .airlines__rating {
    display: flex;
    align-items: center;
    margin-top: 5px
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__header .airlines__details .airlines__rating .airlines__rating-text {
    max-width: 70px;
    margin-right: 10px;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 1.33
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__header .airlines__details .airlines__rating .airlines__rating-score {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.4
}

.rating .rating__stars {
    position: relative;
    height: 25px;
    margin-right: -3px;
    margin-left: -3px
}

.rating .rating__stars::before,
.rating .rating__stars::after {
    display: block;
    position: absolute;
    height: 25px;
    content: ''
}

.rating .rating__stars::before {
    width: 125px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224px%22%20height%3D%2224px%22%3E%3Cpath%20fill%3D%22%23a6a6bb%22%20opacity%3D%221%22%20d%3D%22M12%203.4L9.4%209.3%203%209.9l4.8%204.3-1.4%206.3%205.6-3.2%205.6%203.2-1.4-6.3L21%209.9l-6.4-.6z%22%20/%3E%3C/svg%3E") left center / 25px
}

.rating .rating__stars::after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224px%22%20height%3D%2224px%22%3E%3Cpath%20fill%3D%22%23ffb731%22%20opacity%3D%221%22%20d%3D%22M12%203.4L9.4%209.3%203%209.9l4.8%204.3-1.4%206.3%205.6-3.2%205.6%203.2-1.4-6.3L21%209.9l-6.4-.6z%22%20/%3E%3C/svg%3E") left center / 25px
}

.rating .rating__stars[data-rating='1']::after {
    width: 1.25px
}

.rating .rating__stars[data-rating='2']::after {
    width: 2.5px
}

.rating .rating__stars[data-rating='3']::after {
    width: 3.75px
}

.rating .rating__stars[data-rating='4']::after {
    width: 5px
}

.rating .rating__stars[data-rating='5']::after {
    width: 6.25px
}

.rating .rating__stars[data-rating='6']::after {
    width: 7.5px
}

.rating .rating__stars[data-rating='7']::after {
    width: 8.75px
}

.rating .rating__stars[data-rating='8']::after {
    width: 10px
}

.rating .rating__stars[data-rating='9']::after {
    width: 11.25px
}

.rating .rating__stars[data-rating='10']::after {
    width: 12.5px
}

.rating .rating__stars[data-rating='11']::after {
    width: 13.75px
}

.rating .rating__stars[data-rating='12']::after {
    width: 15px
}

.rating .rating__stars[data-rating='13']::after {
    width: 16.25px
}

.rating .rating__stars[data-rating='14']::after {
    width: 17.5px
}

.rating .rating__stars[data-rating='15']::after {
    width: 18.75px
}

.rating .rating__stars[data-rating='16']::after {
    width: 20px
}

.rating .rating__stars[data-rating='17']::after {
    width: 21.25px
}

.rating .rating__stars[data-rating='18']::after {
    width: 22.5px
}

.rating .rating__stars[data-rating='19']::after {
    width: 23.75px
}

.rating .rating__stars[data-rating='20']::after {
    width: 25px
}

.rating .rating__stars[data-rating='21']::after {
    width: 26.25px
}

.rating .rating__stars[data-rating='22']::after {
    width: 27.5px
}

.rating .rating__stars[data-rating='23']::after {
    width: 28.75px
}

.rating .rating__stars[data-rating='24']::after {
    width: 30px
}

.rating .rating__stars[data-rating='25']::after {
    width: 31.25px
}

.rating .rating__stars[data-rating='26']::after {
    width: 32.5px
}

.rating .rating__stars[data-rating='27']::after {
    width: 33.75px
}

.rating .rating__stars[data-rating='28']::after {
    width: 35px
}

.rating .rating__stars[data-rating='29']::after {
    width: 36.25px
}

.rating .rating__stars[data-rating='30']::after {
    width: 37.5px
}

.rating .rating__stars[data-rating='31']::after {
    width: 38.75px
}

.rating .rating__stars[data-rating='32']::after {
    width: 40px
}

.rating .rating__stars[data-rating='33']::after {
    width: 41.25px
}

.rating .rating__stars[data-rating='34']::after {
    width: 42.5px
}

.rating .rating__stars[data-rating='35']::after {
    width: 43.75px
}

.rating .rating__stars[data-rating='36']::after {
    width: 45px
}

.rating .rating__stars[data-rating='37']::after {
    width: 46.25px
}

.rating .rating__stars[data-rating='38']::after {
    width: 47.5px
}

.rating .rating__stars[data-rating='39']::after {
    width: 48.75px
}

.rating .rating__stars[data-rating='40']::after {
    width: 50px
}

.rating .rating__stars[data-rating='41']::after {
    width: 51.25px
}

.rating .rating__stars[data-rating='42']::after {
    width: 52.5px
}

.rating .rating__stars[data-rating='43']::after {
    width: 53.75px
}

.rating .rating__stars[data-rating='44']::after {
    width: 55px
}

.rating .rating__stars[data-rating='45']::after {
    width: 56.25px
}

.rating .rating__stars[data-rating='46']::after {
    width: 57.5px
}

.rating .rating__stars[data-rating='47']::after {
    width: 58.75px
}

.rating .rating__stars[data-rating='48']::after {
    width: 60px
}

.rating .rating__stars[data-rating='49']::after {
    width: 61.25px
}

.rating .rating__stars[data-rating='50']::after {
    width: 62.5px
}

.rating .rating__stars[data-rating='51']::after {
    width: 63.75px
}

.rating .rating__stars[data-rating='52']::after {
    width: 65px
}

.rating .rating__stars[data-rating='53']::after {
    width: 66.25px
}

.rating .rating__stars[data-rating='54']::after {
    width: 67.5px
}

.rating .rating__stars[data-rating='55']::after {
    width: 68.75px
}

.rating .rating__stars[data-rating='56']::after {
    width: 70px
}

.rating .rating__stars[data-rating='57']::after {
    width: 71.25px
}

.rating .rating__stars[data-rating='58']::after {
    width: 72.5px
}

.rating .rating__stars[data-rating='59']::after {
    width: 73.75px
}

.rating .rating__stars[data-rating='60']::after {
    width: 75px
}

.rating .rating__stars[data-rating='61']::after {
    width: 76.25px
}

.rating .rating__stars[data-rating='62']::after {
    width: 77.5px
}

.rating .rating__stars[data-rating='63']::after {
    width: 78.75px
}

.rating .rating__stars[data-rating='64']::after {
    width: 80px
}

.rating .rating__stars[data-rating='65']::after {
    width: 81.25px
}

.rating .rating__stars[data-rating='66']::after {
    width: 82.5px
}

.rating .rating__stars[data-rating='67']::after {
    width: 83.75px
}

.rating .rating__stars[data-rating='68']::after {
    width: 85px
}

.rating .rating__stars[data-rating='69']::after {
    width: 86.25px
}

.rating .rating__stars[data-rating='70']::after {
    width: 87.5px
}

.rating .rating__stars[data-rating='71']::after {
    width: 88.75px
}

.rating .rating__stars[data-rating='72']::after {
    width: 90px
}

.rating .rating__stars[data-rating='73']::after {
    width: 91.25px
}

.rating .rating__stars[data-rating='74']::after {
    width: 92.5px
}

.rating .rating__stars[data-rating='75']::after {
    width: 93.75px
}

.rating .rating__stars[data-rating='76']::after {
    width: 95px
}

.rating .rating__stars[data-rating='77']::after {
    width: 96.25px
}

.rating .rating__stars[data-rating='78']::after {
    width: 97.5px
}

.rating .rating__stars[data-rating='79']::after {
    width: 98.75px
}

.rating .rating__stars[data-rating='80']::after {
    width: 100px
}

.rating .rating__stars[data-rating='81']::after {
    width: 101.25px
}

.rating .rating__stars[data-rating='82']::after {
    width: 102.5px
}

.rating .rating__stars[data-rating='83']::after {
    width: 103.75px
}

.rating .rating__stars[data-rating='84']::after {
    width: 105px
}

.rating .rating__stars[data-rating='85']::after {
    width: 106.25px
}

.rating .rating__stars[data-rating='86']::after {
    width: 107.5px
}

.rating .rating__stars[data-rating='87']::after {
    width: 108.75px
}

.rating .rating__stars[data-rating='88']::after {
    width: 110px
}

.rating .rating__stars[data-rating='89']::after {
    width: 111.25px
}

.rating .rating__stars[data-rating='90']::after {
    width: 112.5px
}

.rating .rating__stars[data-rating='91']::after {
    width: 113.75px
}

.rating .rating__stars[data-rating='92']::after {
    width: 115px
}

.rating .rating__stars[data-rating='93']::after {
    width: 116.25px
}

.rating .rating__stars[data-rating='94']::after {
    width: 117.5px
}

.rating .rating__stars[data-rating='95']::after {
    width: 118.75px
}

.rating .rating__stars[data-rating='96']::after {
    width: 120px
}

.rating .rating__stars[data-rating='97']::after {
    width: 121.25px
}

.rating .rating__stars[data-rating='98']::after {
    width: 122.5px
}

.rating .rating__stars[data-rating='99']::after {
    width: 123.75px
}

.rating .rating__stars[data-rating='100']::after {
    width: 125px
}

@media (min-width: 992px) {
    .blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body {
        width: 60%
    }
}

@media (min-width: 1400px) {
    .blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body {
        width: 70%
    }
}

@media (min-width: 992px) {
    .blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights {
        gap: 10px
    }
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights a:active,
.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights a:visited {
    color: #333
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights .airlines__flight {
    width: 100%;
    padding: 10px 12.5px 15px;
    border-radius: 4px;
    background-color: #fff;
    text-decoration: none;
    text-align: start;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    box-shadow: 0 2px 8px #0000001a
}

@media (min-width: 992px) {
    .blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights .airlines__flight {
        padding: 20px
    }
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights .airlines__flight .airlines__flight-city {
    color: #999;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 5px
}

@media (min-width: 992px) {
    .blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights .airlines__flight .airlines__flight-city {
        color: #333;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.62;
        margin-bottom: unset
    }
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights .airlines__flight .airlines__flight-price {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal
}

@media (min-width: 992px) {
    .blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights .airlines__flight .airlines__flight-price {
        font-size: 15px;
        line-height: 1.53
    }
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights .airlines__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin-top: .9375rem
}

@media (min-width: 992px) {
    .blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights .airlines__link {
        justify-content: end;
        margin-top: .3125rem
    }
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights .airlines__link span {
    color: #1abc9c;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.53
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights .airlines__link svg {
    right: 0;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights .airlines__link:active,
.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights .airlines__link:visited {
    color: #1abc9c
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__content .airlines__body .airlines__flights .airlines__link:hover svg {
    right: -10px
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__reviews {
    display: none;
    margin-top: 2.1875rem;
    gap: 30px
}

@media (min-width: 992px) {
    .blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__reviews {
        display: grid
    }
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__reviews .airlines__reviewer-details {
    margin-bottom: 10px
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__reviews .airlines__reviewer-details .airlines__reviewer-name {
    font-weight: bolder
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__reviews .airlines__reviewer-comment .comment__text {
    transition: all .5s
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__reviews .airlines__reviewer-comment .comment__btn {
    display: flex;
    justify-content: center;
    margin-top: .5rem
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__reviews .airlines__reviewer-comment .comment__btn svg {
    cursor: pointer
}

.blocks--landing .block.block--airlines .block__body .airlines__wrapper .airlines__reviews .airlines__reviewer-comment .comment__btn--expanded svg {
    transform: rotate(180deg)
}

@media (min-width: 768px) {
    .carousel--tickets .slider__pagination {
        display: none !important
    }
}

.carousel--tickets .carousel__slide {
    padding: 15px
}

.carousel--tickets .carousel__item {
    width: 200px
}

.carousel--airlines {
    width: 90%
}

.carousel--airlines .carousel__slide {
    padding: 15px;
    height: 100%;
}

.carousel--airlines .carousel__slide .card {
    transition: all .6s;
}

.carousel--airlines .carousel__slide--active .card {
    background-color: #fff !important;
    -webkit-box-shadow: 0 5px 20px 0 #00000026 !important;
    box-shadow: 0 5px 10px #00000026 !important;
}

.checkbox--custom {
    padding: 0 .3rem
}

label span {
    line-height: 18px;
    text-align: start;
    padding-top: 3px;
    color: #333;
    font-weight: 500
}

.checkbox--custom label {
    display: flex;
    line-height: 20px
}

.checkbox.checkbox--custom label .checkbox__text>a {
    text-decoration: underline
}

.checkbox--custom input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

.checkbox--custom input[type=checkbox]+span {
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    margin-right: .625rem
}

.checkbox--custom input[type=checkbox]+span:before {
    content: "";
    position: absolute;
    top: .1875rem;
    left: 0;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 4px;
    border: 1px solid #192743;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.checkbox--custom input[type=checkbox]:checked+span:before {
    border-color: #1abc9c;
    background-color: #1abc9c
}

.checkbox--custom input[type=checkbox]+span:after {
    content: "";
    position: absolute;
    top: .5rem;
    left: .1875rem;
    width: .75rem;
    height: .375rem;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.checkbox--custom input[type=checkbox]:checked+span:after {
    opacity: 1;
    visibility: visible
}

.error-message {
    display: flex;
    align-items: center;
    gap: .3rem;
    margin-left: .2rem;
    margin-top: .5rem;
    color: #d62f1c;
    font-size: .8rem;
    font-weight: 400
}

.card {
    padding: 1.25rem;
    box-shadow: 0 10px 20px #323c501a;
    background-color: #fff;
    border-radius: 4px;
    border: 0;
    margin-bottom: 1.5rem
}

.card .card__header {
    display: flex;
    flex-flow: column;
    gap: 1rem;
    background-color: #fff;
    border-bottom: 0;
    padding-left: 0;
    margin-bottom: 1.5rem
}

.card .card__header .card__header__item {
    display: flex;
    align-items: center;
    gap: 1rem
}

.card .card__header .card__header__item .card__header__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    min-width: 45px;
    border: 3px solid #a6a6bb
}

.card .card__header .card__header__item .card__header__title {
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.card .card__header .card__header__subtitle {
    font-size: 14px !important;
    font-weight: 500;
    line-height: 18px
}

.row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 10px
}

@media (min-width: 0) {
    .container {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px
    }

    body,
    .font-small {
        font-size: 12px;
        line-height: 20px
    }

    h1,
    .h1 {
        font-size: 28px;
        line-height: 36px
    }

    h2,
    .h2 {
        font-size: 22px;
        line-height: 30px
    }

    h3,
    .h3 {
        font-size: 20px;
        line-height: 28px
    }

    h4,
    .h4 {
        font-size: 18px;
        line-height: 26px
    }

    h5,
    .h5,
    h6,
    .h6 {
        font-size: 16px;
        line-height: 24px
    }

    .font-large {
        font-size: 14px;
        line-height: 22px
    }

    .col-xs-1 {
        grid-column: span 1
    }

    .col-xs-2 {
        grid-column: span 2
    }

    .col-xs-3 {
        grid-column: span 3
    }

    .col-xs-4 {
        grid-column: span 4
    }

    .col-xs-5 {
        grid-column: span 5
    }

    .col-xs-6 {
        grid-column: span 6
    }

    .col-xs-7 {
        grid-column: span 7
    }

    .col-xs-8 {
        grid-column: span 8
    }

    .col-xs-9 {
        grid-column: span 9
    }

    .col-xs-10 {
        grid-column: span 10
    }

    .col-xs-11 {
        grid-column: span 11
    }

    .col-xs-12 {
        grid-column: span 12
    }

    .sticky-xs {
        position: -webkit-sticky;
        position: sticky;
        top: 30px;
        margin-bottom: 1.5rem
    }

}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
        padding: 0 10px
    }

    .header .container .headline__wrapper .headline__title {
        margin-bottom: 1.5625rem;
        font-size: 3em;
        font-weight: 700;
        line-height: 1.875rem
    }

    .col-sm-1 {
        grid-column: span 1
    }

    .col-sm-2 {
        grid-column: span 2
    }

    .col-sm-3 {
        grid-column: span 3
    }

    .col-sm-4 {
        grid-column: span 4
    }

    .col-sm-5 {
        grid-column: span 5
    }

    .col-sm-6 {
        grid-column: span 6
    }

    .col-sm-7 {
        grid-column: span 7
    }

    .col-sm-8 {
        grid-column: span 8
    }

    .col-sm-9 {
        grid-column: span 9
    }

    .col-sm-10 {
        grid-column: span 10
    }

    .col-sm-11 {
        grid-column: span 11
    }

    .col-sm-12 {
        grid-column: span 12
    }

    .sticky-sm {
        position: -webkit-sticky;
        position: sticky;
        top: 30px;
        margin-bottom: 1.5rem
    }
}

@media (max-width: 768px) {

    .custom-input__wrapper .custom-input.custom-input-sm>input,
    .custom-input__wrapper .custom-input.custom-input-sm>select,
    .custom-input__wrapper .custom-input.custom-input-lg>input,
    .custom-input__wrapper .custom-input.custom-input-lg>select {
        padding-top: .875rem;
        padding-bottom: .875rem
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }

    body {
        font-size: 13px;
        line-height: 21px
    }

    .font-small {
        font-size: 12px;
        line-height: 20px
    }

    .font-large {
        font-size: 15px;
        line-height: 23px
    }

    h1,
    .h1 {
        font-size: 36px;
        line-height: 44px
    }

    h2,
    .h2 {
        font-size: 26px;
        line-height: 34px
    }

    h3,
    .h3 {
        font-size: 24px;
        line-height: 32px
    }

    h4,
    .h4 {
        font-size: 22px;
        line-height: 30px
    }

    h5,
    .h5,
    h6,
    .h6 {
        font-size: 18px;
        line-height: 26px
    }

    .col-md-1 {
        grid-column: span 1
    }

    .col-md-2 {
        grid-column: span 2
    }

    .col-md-3 {
        grid-column: span 3
    }

    .col-md-4 {
        grid-column: span 4
    }

    .col-md-5 {
        grid-column: span 5
    }

    .col-md-6 {
        grid-column: span 6
    }

    .col-md-7 {
        grid-column: span 7
    }

    .col-md-8 {
        grid-column: span 8
    }

    .col-md-9 {
        grid-column: span 9
    }

    .col-md-10 {
        grid-column: span 10
    }

    .col-md-11 {
        grid-column: span 11
    }

    .col-md-12 {
        grid-column: span 12
    }

    .sticky-md {
        position: -webkit-sticky;
        position: sticky;
        top: 30px;
        margin-bottom: 1.5rem
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }

    .header {
        margin-top: 0
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>input,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>select {
        padding: .625rem 1.25rem;
        font-size: 12px
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>label {
        -webkit-transform: translate(20px, 5px) scale(1);
        -moz-transform: translate(20px, 5px) scale(1);
        -ms-transform: translate(20px, 5px) scale(1);
        -o-transform: translate(20px, 5px) scale(1);
        transform: translate(20px, 5px) scale(1)
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm.has-val>input,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm.has-val>select {
        padding-top: 16px;
        padding-bottom: 4px
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm.has-val>label {
        transform: translate(20px, 1px) scale(.75)
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-lg>label {
        -webkit-transform: translate(20px, 15px) scale(1);
        -moz-transform: translate(20px, 15px) scale(1);
        -ms-transform: translate(20px, 15px) scale(1);
        -o-transform: translate(20px, 15px) scale(1);
        transform: translate(20px, 15px) scale(1)
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-lg.has-val>input,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-lg.has-val>select {
        padding-top: 28px;
        padding-bottom: 14px
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-lg.has-val>label {
        transform: translate(20px, 8px) scale(.75)
    }

    .custom-input__wrapper .custom-input.custom-input-sm>input,
    .custom-input__wrapper .custom-input.custom-input-sm>select {
        font-size: 12px;
        padding: .625rem 1.25rem
    }

    .quantity--custom .counter {
        font-size: 13px
    }

    .search__inputs {
        display: none;
    }

    .search-modal__header {
        display: none
    }

    /* .search-modal__content {
        height: 100%
    } */

    .search-modal__results {
        height: 78.9%
    }

    .search-modal {
        display: block;
        position: absolute;
        top: -12px;
        left: -12px;
        width: 432px;
        height: 500px;
        -webkit-box-shadow: 0 2px 8px 0 #0003;
        box-shadow: 0 2px 8px #0003;
        z-index: 1000;
    }

    .search-modal__wrapper {
        width: 100%;
        height: 100%;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 8px 0 #0003;
        box-shadow: 0 2px 8px #0003;
    }

    .search-modal .custom-input__wrapper .custom-input>input:focus {
        border: 1px solid #333 !important;
    }

    .search-modal .custom-input__wrapper .custom-input {
        border: 1px solid #a6a6bb !important;
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>input::placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>select::placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>input::-webkit-input-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>select::-webkit-input-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>input:-moz-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>select:-moz-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>input::-moz-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>select::-moz-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>input:-ms-input-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>select:-ms-input-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>input::-ms-input-placeholder,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-sm>select::-ms-input-placeholder {
        font-size: 12px
    }

    .custom-input__wrapper .custom-input.custom-input--float.custom-input-lg>input,
    .custom-input__wrapper .custom-input.custom-input--float.custom-input-lg>select,
    .custom-input__wrapper .custom-input.custom-input-lg>input,
    .custom-input__wrapper .custom-input.custom-input-lg>select {
        padding: 1.3125rem 1.25rem
    }

    .col-lg-1 {
        grid-column: span 1
    }

    .col-lg-2 {
        grid-column: span 2
    }

    .col-lg-3 {
        grid-column: span 3
    }

    .col-lg-4 {
        grid-column: span 4
    }

    .col-lg-5 {
        grid-column: span 5
    }

    .col-lg-6 {
        grid-column: span 6
    }

    .col-lg-7 {
        grid-column: span 7
    }

    .col-lg-8 {
        grid-column: span 8
    }

    .col-lg-9 {
        grid-column: span 9
    }

    .col-lg-10 {
        grid-column: span 10
    }

    .col-lg-11 {
        grid-column: span 11
    }

    .col-lg-12 {
        grid-column: span 12
    }

    .sticky-lg {
        position: -webkit-sticky;
        position: sticky;
        top: 30px;
        margin-bottom: 1.5rem
    }

    .search-modal .select-travel-date__wrapper .travel-date .custom-input,
    .search-modal .select-travel-date__wrapper .travel-date .custom-input__wrapper .custom-input>input {
        transition: outline 0.2s ease;
        transition: border 0.2s ease;
    }

    .search-modal .select-travel-date__wrapper .travel-date.selected .custom-input {
        border: none;
        border-radius: 4px;
        outline: 2px solid #1abc9c !important;
    }

    .search-modal .select-travel-date__wrapper .travel-date.selected.selected--single .custom-input {
        outline: none !important;
        cursor: default !important;
    }

    .search-modal .select-travel-date__wrapper .travel-date.selected.selected--single {
        cursor: default !important;
    }

    .search-modal .select-travel-date__wrapper .travel-date.selected .custom-input__wrapper .custom-input>input {
        border: 1px solid #1abc9c !important;
    }

    .search-modal .select-travel-date__wrapper .travel-date.selected.selected--single .custom-input__wrapper .custom-input>input {
        border: 1px solid #a6a6bb !important;
        cursor: default !important;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px
    }

    .col-xl-1 {
        grid-column: span 1
    }

    .col-xl-2 {
        grid-column: span 2
    }

    .col-xl-3 {
        grid-column: span 3
    }

    .col-xl-4 {
        grid-column: span 4
    }

    .col-xl-5 {
        grid-column: span 5
    }

    .col-xl-6 {
        grid-column: span 6
    }

    .col-xl-7 {
        grid-column: span 7
    }

    .col-xl-8 {
        grid-column: span 8
    }

    .col-xl-9 {
        grid-column: span 9
    }

    .col-xl-10 {
        grid-column: span 10
    }

    .col-xl-11 {
        grid-column: span 11
    }

    .col-xl-12 {
        grid-column: span 12
    }

    .sticky-xl {
        position: -webkit-sticky;
        position: sticky;
        top: 30px;
        margin-bottom: 1.5rem
    }
}


.search-modal .custom-input__wrapper .custom-input {
    border-radius: 4px;
    border: none !important;
}

.search-modal .custom-input__wrapper .custom-input>input {
    border-radius: 4px;
    border: 1px solid #a6a6bb !important;
}