@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap);

img:not(.CybotExternalLinkArrow) {
    height: 100%;
    width: 100%;
    -o-object-position: bottom;
    object-position: bottom;
    -o-object-fit: contain;
    object-fit: contain
}

.Item__number__number {
    width: 100%;
    text-align: center;
    display: inline-block;
}

.Item__number__text {
    width: 100%;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    font-size: 10px;
}

html {
    -webkit-text-size-adjust: none;
    touch-action: none
}

.eb_icon_wrapper {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}

.eb_icon > span {
    position: absolute;
    bottom: 12px;
    text-align: center;
    width: 100px;
    font-family: Fugaz One;
    font-size: 20px;
}

.eb_icon {
    background-image: url(/assets/img/eb_icon/eb_icon.png);
    width: 100px;
    height: 100px;
    background-size: 100px;
}

@media only screen and (max-width:800px) {
    .eb_icon {
        width: 80px;
        height: 80px;
        background-size: 80px;
    }

        .eb_icon > span {
            bottom: 8px;
            width: 80px;
            font-size: 16px;
        }

    .eb_icon_wrapper {
        top: 0;
    }
}

.Card:hover .eb_icon {
    background-image: url(/assets/img/eb_icon/eb_icon_hover.png)
}

.price_insurance {
    position: absolute;
    right: 60px;
    top: 20px;
    font-size: 24px
}

.insurance_option {
    width: calc(100% - 80px);
    display: inline-block
}

.price_explain {
    width: calc(100% - 80px);
    display: inline-block;
    font-size: 16px;
    color: #57a7d2
}

@media only screen and (max-width:800px) {
    .price_explain {
        font-size: 12px
    }
}

.full-width {
    width: 100%
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
    touch-action: none
}

a {
    text-decoration: none !important;
    outline: none !important
}

code {
    font-family: source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace
}

.box_layout {
    position: relative
}

.changemailparagraph a {
    color: blue !important;
    pointer-events: all;
    cursor: pointer
}

.disabled_select_button {
    pointer-events: none !important;
    background-color: #c1c1c1 !important;
    border-color: gray !important
}

.box_topnav_right {
    float: right;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: 0;
    right: 0
}

.AsideBooking a {
    color: #363636;
    font-weight: 400
}

.Button--asideBooking,
.btnBook-Car {
    text-transform: uppercase
}

.btnBook-Car,
.btnSend-forgot {
    width: 100%;
    color: #000
}

.Tab__content__texts ul {
    margin: 0 30px 0 30px
}

    .Tab__content__texts ul li:before {
        content: '✓';
        color: #fdb23a;
        font-weight: 700;
        margin-right: 10px
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.DatePicker {
    position: relative;
    width: 170px;
    height: 44px;
    margin-right: 15px;
    background-color: #fff;
    border: 1px #dadada solid;
    border-radius: 5px
}

.DatePicker__input {
    width: 100%;
    padding: 7px;
    font-size: 18px;
    background: #fff;
    font-family: "Lato",sans-serif;
    vertical-align: text-top
}

.DatePicker__icon {
    fill: #57a7d2;
    pointer-events: none;
    cursor: default !important;
    position: absolute;
    top: 50%;
    right: 10px;
    background: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.TimePicker {
    padding: 7px 10px;
    height: 44px;
    font-size: 18px;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    border: 1px solid #e6e5ea;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    width: 145px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.TimePicker__label {
    font-weight: 700
}

.TimePicker__group {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    width: 100%;
    margin: 0
}

.TimePicker__group__select {
    cursor: pointer;
    background: transparent;
    border: none;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    border-radius: unset;
    outline: none;
    padding: 0 4px;
    font-size: inherit;
    border-bottom: 2px solid #57a7d2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 auto
}
    .TimePicker__group__select:hover {
        border-color: #fdb23a !important;
    }

    .Option {
        cursor: pointer;
        width: 100%
    }

    .Option:hover {
        background: #fdb23a;
        text-shadow: 0 0 .6px #000
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.TextField {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 20px 0
}

@media only screen and (max-width:800px) {
    .TextField {
        margin: 10px 0
    }
}

.TextField__label {
    padding: 10px 10px 5px 10px;
    font-size: 18px;
    min-height: 41px
}

.TextField__input {
    position: relative;
    cursor: auto;
    font-size: 18px;
    padding: 5px 10px;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    border: 1px solid transparent;
    border-bottom: 2px solid rgba(87,167,210,1);
}

    .TextField__input:focus {
        background-color: rgba(53, 164, 223, 0.1); /* Apply a background color with some transparency */
        border-color: #57a7d2
    }
.TextField__input_error {
    border-bottom: 1px solid #f00 !important
}

input.TextField__input:read-only, .TextField__input--select select.readonly, .TextField__input--select select:disabled {
    border-color: #aaa;
    font-weight: 700;
    color: #aaa;
    border-bottom: 2px solid #aaa;
    background-color: #f9f9f9;
}
.TextField__input:not(:read-only):hover {
    border-color: rgba(87,167,210,1) !important;
    border-bottom: 2px solid rgba(87,167,210,1) !important
}
.TextField__input--select select option {
    color: black !important
}

.TextField__input--select {
    position: relative
}

    .TextField__input--select::after {
       /* content: "\025be";
        display: table-cell;
        padding-top: 7px;
        text-align: center;
        width: 30px;
        height: 25px;
        background-color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        color: #000*/
    }



    .TextField__input--select select {
        width: 100%;
        font-size: 18px;
        -webkit-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        border: 1px solid white;
        border-bottom: 2px solid rgba(87,167,210,1);
        color: #000;
        width: 100%;
        cursor: pointer;
        padding: 4px 10px
    }

        .TextField__input--select select:not(:disabled):hover {
            border-color: rgba(87,167,210,1);
        }
        .TextField__input--select select:focus {
            background-color: rgba(53, 164, 223, 0.1); /* Apply a background color with some transparency */
            border-color: #57a7d2
        }
        .TextField__input--select select:focus option {
            background-color: white; /* Apply a background color with some transparency */
        }

.TextField__option {
    color: #000000 !important
}

    .TextField__option:checked,
    .TextField__option:hover {
        background: #fdb23a
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Button {
    overflow: hidden;
    font-family: "Lato",sans-serif;
    height: 45px;
    padding: 7px 12px;
    margin-right: 15px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    letter-spacing: .4px;
    border: 2px solid transparent;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:800px) {
    .Button {
        margin-right: 0;
        padding: 0 12px;
        margin-bottom: 10px
    }
}

.Button--primary:hover,
.Button--account:hover,
.Button--secondary:hover {
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.33);
    -moz-box-shadow: 0 4px 16px rgba(0,0,0,.33);
    box-shadow: 0 4px 16px rgba(0,0,0,.33)
}

.Button--primary,
.Button--account {
    background: #fff;
    border-color: #fdb23a;
    color: #fdb23a !important;
    font-size: 14px
}

.btn-admin {
    border-color: #57a7d2 !important;
    color: #57a7d2 !important;
    background-color: #ffffff !important
}

    .btn-admin:hover {
        background: #57a7d2 !important;
        color: #000000 !important
    }

.Button--account.active {
    pointer-events: none
}

.Button--primary:hover,
.Button--account:hover,
.Button--primary.active,
.active.Button--account,
.Button--radio__input:checked + label.Button--account,
.Button--radio__input:checked + label.Button--primary {
    background: #fdb23a;
    color: #000000 !important
}

@media only screen and (max-width:320px) and (max-height:568px) {
    .Button--primary.active,
    .active.Button--account,
    .Button--radio__input:checked + label.Button--account,
    .Button--radio__input:checked + label.Button--primary {
        font-size: 14px
    }
}

.Button--secondary {
    background: #fff;
    border-color: #57a7d2;
    color: #000
}

.Button--secondary--aside {
    background: #fff;
    border-color: #57a7d2;
    color: #57a7d2
}

    .Button--secondary:hover,
    .Button--secondary--aside:hover,
    .Button--secondary.active,
    .Button--radio__input:checked + label.Button--secondary {
        background: #57a7d2;
        color: #fff
    }

.Button--headerResponsive {
    width: 60%;
    margin: 8px auto;
    min-height: 45px
}

.Button--account {
    margin: 0 0 20px 0
}

@media only screen and (max-width:800px) {
    .Button--account {
        margin: 0;
        color: #000;
        text-transform: uppercase;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: none;
        background: transparent
    }

        .Button--account.active,
        .Button--radio__input:checked + label.Button--account {
            background: transparent;
            color: #fdb23a
        }
}

.Button--link {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #fdb23a !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    margin-right: 0
}

@media only screen and (max-width:800px) {
    .Button--link {
        margin-bottom: 0
    }
}

.Button--link--blue {
    color: #57a7d2;
    font-size: 16px;
    font-weight: 700
}

.Button--link--nocolor {
    color: inherit;
    font-size: 16px;
    font-weight: 400
}

.Button--banner {
    background: transparent;
    margin-right: 0;
    padding-left: 0;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px !important
}

@media only screen and (max-width:800px) {
    .Button--banner {
        margin: 0
    }
}

.Button--radio__input {
    display: none
}

    .Button--radio__input:checked + label::before {
        content: "\2713";
        width: 10px;
        margin-right: 10px;
        padding: 4px
    }

.Button--radio label {
    position: relative;
    cursor: pointer
}

    .Button--radio label:before {
        content: "";
        font-size: 1.4em;
        font-weight: 900;
        width: 0;
        height: 10px;
        color: #000;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

@media only screen and (max-width:800px) {
    .Button--radio label:before {
        position: absolute;
        left: 10px
    }
}

.Button--data {
    margin: 30px auto
}

@media only screen and (max-width:800px) {
    .Button--data {
        margin: 10px auto
    }
}

.Button--asideBooking {
    width: 90%;
    margin: 20px auto
}

@media only screen and (max-width:800px) {
    .Button--asideBooking {
        font-size: 16px
    }
}

.Button--changePassword {
    width: 250px;
    margin-top: 20px
}

.Button--uploadFile {
    cursor: pointer;
    grid-area: button;
    align-self: end;
    line-height: 18px;
    margin: 0;
    justify-self: end;
    max-width: 150px
}

.Button--back-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 0;
    font-weight: 400;
    font-size: 18px;
    text-transform: unset;
    text-decoration: underline
}

    .Button--back-link:hover .regularIcon {
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        -o-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    .Button--back-link .regularIcon {
        -webkit-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        margin: 0 10px 0 0
    }

.Button--asideHome {
    width: 100%;
    margin: 20px 0 10px 0;
    font-size: 14px
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
.features__datacar {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.CouponCard {
    padding: 20px 40px
}

    .CouponCard + .CouponCard {
        border-top: 1px solid #fdb23a;
        margin-top: 20px;
        padding-top: 20px
    }

.CouponCard__title {
    color: #e99002;
    font-size: 20px;
    margin-bottom: 0
}

.CouponCard__text {
    margin: 0
}

.ModalContentWrapper {
    padding: 20px 40px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

@media only screen and (max-width:800px) {
    .ModalContentWrapper {
        padding: 20px
    }
}

.ModalText {
    margin: 0
}

.ModalContentWrapper .Button {
    margin-left: auto;
    width: 100%;
}

.ModalList {
    list-style: disc outside;
    margin: 0 0 0 22px;
    padding: 0
}

    .ModalList li {
        margin-bottom: 8px;
        padding-left: 4px;
        list-style: disc outside;
    }

        .ModalList li:last-child {
            margin-bottom: 0
        }

.CouponCard .Button {
    margin-left: auto;
    width: 100%
}



.CouponCard .TextField__input {
    font-weight: 700;
    font-size: 24px;
    width: 100%
}

    .CouponCard .TextField__input::-webkit-input-placeholder {
        font-size: 20px
    }

    .CouponCard .TextField__input:-moz-placeholder {
        font-size: 20px
    }

    .CouponCard .TextField__input::-moz-placeholder {
        font-size: 20px
    }

    .CouponCard .TextField__input:-ms-input-placeholder {
        font-size: 20px
    }

    .CouponCard .TextField__input::-ms-input-placeholder {
        font-size: 20px
    }

    .CouponCard .TextField__input::placeholder {
        font-size: 20px
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Modal {
    cursor: auto;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(48,48,48,.3);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:800px) {
    .Modal {
        background: transparent
    }
}

.Modal__box {
    background: #fff;
    width: 450px;
    max-height: 90vh;
    border: 1px solid #fdb23a;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-animation: show 400ms ease-in-out forwards 200ms;
    -moz-animation: show 400ms ease-in-out forwards 200ms;
    -o-animation: show 400ms ease-in-out forwards 200ms;
    animation: show 400ms ease-in-out forwards 200ms;
    font-style: normal
}

@media only screen and (max-width:800px) {
    .Modal__box {
        max-height: 100%;
        width: 100%;
        height: 100%
    }
}

.Modal__box__header {
    position: relative;
    padding: 20px 20px 0 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:800px) {
    .Modal__box__header {
        padding: 20px 50px 10px 50px
    }
}

.Modal__box__header__title {
    text-align: center;
    font-weight: 900;
    max-width: 75%;
    font-size: 32px;
    margin: 5px
}

@media only screen and (max-width:800px) {
    .Modal__box__header__title {
        margin: 0;
        font-size: 24px;
        max-width: 250px
    }
}

.Modal__box__header__icon {
    cursor: pointer;
    stroke: #303030;
    position: absolute;
    top: 15px;
    right: 15px
}

@media only screen and (max-width:800px) {
    .Modal__box__header__icon {
        top: 50%;
        right: 30px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.Modal__box__content {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid #fdb23a
}

.Modal_box_footer,
.Modal__box__footer {
    border-top: 1px solid #fdb23a;
    padding: 20px 40px;
    margin: 0
}

@media only screen and (max-width:800px) {
    .Modal_box_footer,
    .Modal__box__footer {
        padding: 20px
    }
}

@media only screen and (max-width:800px) {
    .Modal__box__content::-webkit-scrollbar {
        display: none
    }
}

.Modal--booking-confirmation .Modal__box {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Checkbox {
    position: relative;
    margin: 10px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
    .Checkbox.disabled .Checkbox__label::before {
        border: 2px solid grey;
        background-color: #a9a9a9;
    }

    .Checkbox.disabled .Checkbox__label {
        color: grey;
    }

        .Checkbox.disabled .Checkbox__label strong {
            display: none;
        }

    .Checkbox.disabled .explanation {
        color: grey;
    }

#select2-ddlCountries-container {
    text-align: left !important
}

.Checkbox__input {
    display: none
}

    .Checkbox__input + .Checkbox__label::before {
        max-height: 30px;
        min-height: 30px;
        max-width: 30px;
        min-width: 30px;
        margin: auto 10px
    }

    .Checkbox__input:checked + .Checkbox__label::before {
        content: "\2713";
        color: #57a7d2
    }

.CheckRadio__input:disabled + .CheckRadio__label .CheckRadio__label__circle::before {
    height: 100%;
    width: 100%;
    background: #bfbfbf !important;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.TextField__input--select[readonly] {
    pointer-events: none
}

    .TextField__input--select[readonly] span.select2-selection {
        background-color: #dbdbdb;
        pointer-events: none
    }

input[type=checkbox][readonly] {
    background-color: #dbdbdb
}

    input[type=checkbox][readonly] + .Checkbox__label::before {
        background-color: #dbdbdb;
        pointer-events: none
    }

.ProfileCheckbox {
    pointer-events: none
}

.CheckboxActive {
    pointer-events: all !important
}

.Checkbox__label {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -moz-box;
    display: -ms-flexbox;
    min-height: 30px;
    margin: 10px 40px 10px 0
}

.Checkbox__label2 {
    cursor: pointer;
    display: -webkit-inline-box;
    min-height: 30px;
    cursor: pointer;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.Checkbox__label::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    font-size: 1.4em;
    font-weight: 900;
    color: #000;
    min-width: 20px;
    width: 20px;
    max-height: 20px;
    margin-right: 10px;
    padding-top: 2px;
    border: 2px solid #303030;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Checkbox--carOption {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    position:relative;
}
.Options.Options_box .optionunavailable, .Options.Options_box .notcombinable {
    position: absolute;
    bottom: 0;
    right: 0;
    color: red;
    display: none;
}
.Options.Options_box.disabled, .Options.Options_box.notcombinable {
    opacity: 0.5;
}
    .Options.Options_box.disabled .optionunavailable,
    .Options.Options_box.notcombinable:not(.disabled) .notcombinable {
        display: block;
    }
.Checkbox--carOption .Checkbox__label::before {
    font-size: 1.2em
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.HeroHome {
    width: 100%;
    min-height: 500px;
    padding: 0 100px 50px 100px;
    background: linear-gradient(to right,rgb(249,249,249) 25%,rgba(0,0,0,0)),url(/assets/img/newimages/201109_Home-img-HH.jpg) right bottom no-repeat
}

@media only screen and (max-width:800px) {
    .HeroHome {
        background: none;
        padding: 20px
    }
}

@media only screen and (max-width:320px) and (max-height:568px) {
    .HeroHome {
        padding: 10px
    }
}

.HeroHome__form {
    width: 80%
}

@media only screen and (max-width:800px) {
    .HeroHome__form {
        width: 100%
    }
}

.HeroHome__form__title {
    margin: 0 0 50px 0;
    padding-top: 30px;
    text-transform: uppercase;
    font-size: 42px;
    line-height: 50px
}

@media only screen and (max-width:800px) {
    .HeroHome__form__title {
        text-align: center;
        line-height: 30px;
        font-size: 20px;
        margin: 0 0 19px 0
    }
}

.HeroHome__form__buttons {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:800px) {
    .HeroHome__form__buttons {
        margin-top: 30px;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .HeroHome__form__buttons .Button {
            width: 45%;
            margin: 0 2px
        }
}

@media only screen and (max-width:480px) {
    .HeroHome__form__buttons .Button {
        width: 100%;
        margin-bottom: 10px
    }
}

.Actions {
    margin: 20px 0
}

.Actions__label {
    display: inline-block;
    margin-bottom: 10px
}

.Actions__groups {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    column-gap:10px;
}

@media only screen and (max-width:320px) and (max-height:568px) {
    .Actions__groups {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .Actions__groups .DatePicker,
        .Actions__groups .TimePicker {
            width: 70%;
            margin: 10px 0
        }
}

@media only screen and (max-width:800px) {
    .Actions__groups--radio {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.DescriptionHome {
    grid-area: description;
    margin: 45px 0 20px 0;
    padding-left: 100px
}

@media only screen and (max-width:800px) {
    .DescriptionHome {
        padding: 20px;
        margin: 0
    }
}

@media only screen and (max-width:320px) and (max-height:568px) {
    .DescriptionHome {
        padding: 10px !important
    }
}

.DescriptionHome__paragraph {
    font-size: 20px;
    margin-top: 0
}

@media only screen and (max-width:800px) {
    .DescriptionHome__paragraph {
        font-size: 16px
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.InfoLink {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 200px;
    color: #e99002;
    font-weight: bolder;
    font-size: 18px;
    padding: 8px 10px
}

@media only screen and (max-width:800px) {
    .InfoLink {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

.InfoLink:hover > .InfoLink__icon {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px)
}

.InfoLink__icon {
    fill: #fdb23a;
    stroke: #fdb23a
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.CommentCard {
    width: 100%;
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    margin: 10px 0
}

.CommentCard__header {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e6e5ea;
    padding-bottom: 10px
}

.CommentCard__header__name {
    margin: 0
}

.CommentCard__header__rating {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:800px) {
    .CommentCard__header__rating .regularIcon {
        width: 16px;
        height: 16px;
        margin-left: 2px;
        margin-top: 2px
    }

        .CommentCard__header__rating .regularIcon:first-of-type {
            margin-left: 10px
        }
}

.CommentCard__header__date {
    color: #303030;
    font-size: 14px;
    margin-left: 5px
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.CommentsHome {
    grid-area: opinions;
    padding: 25px;
    margin-left: 100px;
    background: #f9f9f9
}

@media only screen and (max-width:800px) {
    .CommentsHome {
        margin-left: 0;
        padding: 20px !important
    }
}

@media only screen and (max-width:320px) and (max-height:568px) {
    .CommentsHome {
        padding: 10px !important
    }
}

.CommentsHome__title,
.CommentsHome__description {
    padding-bottom: 20px;
    margin: 0
}

@media only screen and (max-width:800px) {
    .CommentsHome__title,
    .CommentsHome__description {
        padding: 10px 0
    }
}

.CommentsHome__title {
    font-size: 30px
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.ListItem {
    margin: 10px 0;
    font-size: 18px;
    line-height: 30px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:800px) {
    .ListItem {
        font-size: 16px;
        line-height: 24px
    }
}

.ListItem__link {
    cursor: pointer;
    text-decoration: underline;
    color: #fdb23a !important
}

.ListItem__icon {
    margin-right: 10px;
    min-width: 24px
}

.ListItem--banner {
    font-size: 14px;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .ListItem--banner .ListItem__icon {
        width: 20px;
        height: 20px;
        margin: 0 5px 0 0
    }

.ListItem--number {
    counter-increment: list-counter;
    position: relative;
    font-size: 16px;
    line-height: 24px
}

    .ListItem--number:before {
        content: counter(list-counter);
        display: inline-block;
        font-size: 20px;
        font-weight: 700;
        min-width: 25px;
        height: 25px;
        margin-right: 10px;
        background: #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 2px solid #e99002;
        text-align: center
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.AsideHome {
    grid-area: aside;
    padding: 0 100px 0 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: end;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: end
}

@media only screen and (max-width:800px) {
    .AsideHome {
        padding: 20px !important
    }
}

@media only screen and (max-width:320px) and (max-height:568px) {
    .AsideHome {
        padding: 10px !important
    }
}

.AsideHome__title {
    margin: 45px 0 0 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:800px) {
    .AsideHome__title {
        font-size: 16px;
        margin: 0;
        margin: initial;
        cursor: pointer;
        padding: 7px 12px;
        -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
        -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
        box-shadow: 0 4px 20px rgba(24,31,77,.09);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #fff;
        border: 1px solid #e6e5ea
    }
}

@media only screen and (max-width:800px) {
    .AsideHome__list {
        padding: 7px 12px
    }
}

.AsideHome__list--border {
    padding: 10px;
    border: 1px solid #fdb23a
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.FeaturesHome {
    margin: auto 20px
}

.FeaturesHome__header {
    width: 100%
}

.FeaturesHome__header__img {
    width: 100%;
    margin: 45px 0;
    height: 150px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.FeaturesHome__header__img__title {
    line-height: 35px;
    padding: 0 7px;
    text-align: center;
    font-weight: 700;
    font-size: 42px;
    color: #fff
}

@media only screen and (max-width:800px) {
    .FeaturesHome__header__img__title {
        font-size: 24px
    }
}

.FeaturesHome__text {
    width: 69%;
    margin: 0;
    padding: 15px;
    font-size: 18px;
    text-align: center
}

    .FeaturesHome__text a {
        color: #fdb23a
    }

@media only screen and (max-width:320px) and (max-height:568px) {
    .FeaturesHome__text {
        padding: 10px
    }
}

@media only screen and (max-width:800px) {
    .FeaturesHome__text {
        width: 100%;
        font-size: 16px
    }
}

.FeaturesHome__cards {
    padding: 0 100px;
    margin: 50px 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-gap: 25px;
}

@media only screen and (max-width:800px) {
    .FeaturesHome__cards {
        margin: 20px 0;
        padding: 0;
        width: 100% !important
    }
}

.FeatureCard {
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-top: 5px solid #fdb23a;
    overflow: hidden;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100% !important
}

.FeatureCard__figure {
    height: 120px;
    width: 100%
}

    .FeatureCard__figure img { 
        -o-object-fit: cover;
        object-fit: cover
    }

.FeatureCard__title {
    width: 100%;
    margin: 0;
    font-size: 24px;
    height: 100px;
    padding: 20px
}

@media only screen and (max-width:800px) {
    .FeatureCard__title {
        cursor: pointer;
        font-size: 16px;
        line-height: 20px;
        padding: 10px;
        height: auto;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.FeatureCard__content {
    height: 100%;
    padding: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:800px) {
    .FeatureCard__content {
        border-top: 1px solid #e6e5ea
    }
}

.FeatureCard__text {
    min-height: 60px;
    margin: 0 0 30px 0
}

.FeatureCard .Button {
    margin-right: 0;
    margin-top: auto
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.LocationHome {
    padding: 0 100px;
    margin-bottom: 45px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 10px;
    grid-template-areas: "title title" "img content" "map map" "text text"
}

@media only screen and (max-width:1200px) {
    .LocationHome__map {
        padding: 20px;
    }

    .LocationHome {
        padding: 0;
        grid-template-columns: 1fr;
        grid-gap: 20px;
        grid-template-areas: "title" "img " "content" "map" "text"
    }

    .img_index_last .BannerCard__content {
        padding: 20px 10px 80px 10px !important;
        margin: 0
    }
}

.LocationHome__title {
    grid-area: title;
    padding: 0;
    font-size: 32px
}

@media only screen and (max-width:1200px) {
    .LocationHome__title {
        text-align: center;
        margin: 0;
        font-size: 24px
    }
}

.LocationHome__img {
    grid-area: img;
    margin: 0;
    max-height: 350px;
    width: 420px;
    min-height: 100%
}

@media only screen and (max-width:1200px) {
    .LocationHome__img {
        height: 250px
    }
}

@media only screen and (min-width:767px) and (max-height:800px) and (orientation:landscape) {
    .LocationHome__img {
        height: 465px
    }
}

.LocationHome__img img {
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width:1200px) {
    .LocationHome__img img {
        -o-object-position: 0 83%;
        object-position: 0 83%
    }
}

@media only screen and (max-width:1200px) {
    .LocationHome__img {
        width: 100%
    }
}

.LocationHome__content {
    grid-area: content
}

@media only screen and (max-width:1200px) {
    .LocationHome__content {
        padding: 10px
    }
}

.LocationHome__map {
    grid-area: map;
    height: 400px;
    width: 100%;
    background: #57a7d2;
    margin: 0
}

.LocationHome__text {
    grid-area: text;
    text-align: center;
    margin: 20px auto;
    width: 70%
}

@media only screen and (max-width:1200px) {
    .LocationHome__text {
        padding: 10px;
        width: 100%
    }
}

.OfficeCard {
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05)
}

@media only screen and (max-width:1200px) {
    .OfficeCard {
        margin-bottom: 10px
    }
}

.OfficeCard__header {
    cursor: pointer;
    padding: 10px 15px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e6e5ea
}

@media only screen and (max-width:1200px) {
    .OfficeCard__header {
        padding: 7px 12px
    }
}

.OfficeCard__header__title {
    margin: 0
}

@media only screen and (max-width:1200px) {
    .OfficeCard__header__title {
        font-size: 17px
    }
}

.OfficeCard__header__title span {
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

.OfficeCard__header__subtitle {
    margin-left: 12px;
    font-weight: 300
}

.OfficeCard__content {
    padding: 10px 15px
}

.OfficeCard__button {
    margin: 18px 0;
    width: 215px
}

@media only screen and (max-width:1200px) {
    .OfficeCard__button {
        margin: 10px auto
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Tab {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Tab__nav {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 1px solid #e6e5ea
}

@media only screen and (max-width:800px) {
    .Tab__nav {
        overflow-x: auto
    }

        .Tab__nav::-webkit-scrollbar {
            display: none
        }
}

.Tab__nav__item {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

@media only screen and (max-width:800px) {
    .Tab__nav__item {
        white-space: nowrap;
        font-size: 16px
    }
}

.Tab__nav__item:hover,
.Tab__nav__item.active > .Tab__icon--pin {
    opacity: 1
}

.Tab__icon {
    fill: #fff;
    margin-left: 25px
}

@media only screen and (max-width:800px) {
    .Tab__icon {
        display: none
    }
}

.Tab__icon--pin {
    opacity: 0
}

.Tab--simple .Tab__nav__item {
    font-size: 18px;
    font-weight: 900;
    color: #6f6f6f
}

@media only screen and (max-width:800px) {
    .Tab--simple .Tab__nav__item {
        font-size: 16px;
        font-weight: 700
    }
}

.Tab--simple .Tab__nav__item:hover,
.Tab--simple .Tab__nav__item.active {
    background: #fdb23a;
    color: #303030
}

.Tab--simple .Tab__content {
    background: #f9f9f9
}

.Tab--box .Tab__nav__item.active,
.Tab--box .Tab__content {
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    background: #fff
}

.Tab--box .Tab__nav__item {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f9f9f9;
    color: #8c8c8c;
    font-size: 20px;
    border: 1px solid #e6e5ea;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px
}

@media only screen and (max-width:800px) {
    .Tab--box .Tab__nav__item {
        font-size: 16px
    }
}

.Tab--box .Tab__nav__item.active {
    color: #57a7d2;
    font-weight: 700;
    background: #fff;
    height: 55px
}

.Tab--box .Tab__content {
    padding: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1200px) {
    .Tab--box .Tab__content {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.Tab--box .Tab__content__figure {
    max-width: 100%;
    width: 550px;
    height: 100%;
    margin-right: 40px
}

@media only screen and (max-width:1200px) {
    .Tab--box .Tab__content__figure {
        margin-right: 0
    }
}

.Tab--box .Tab__content__texts {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1200px) {
    .Tab--box .Tab__content__texts {
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.Tab--box .Tab__content__texts .black-highlight {
    font-size: 20px;
    margin-bottom: 0;
    width: 60%
}

@media only screen and (max-width:1200px) {
    .Tab--box .Tab__content__texts .black-highlight {
        width: 100%;
        text-align: center
    }
}

.Tab--box .Tab__content__buttons {
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.IndicationsHome {
    background: #f9f9f9;
    padding-left: 100px;
    margin-bottom: 45px
}

@media only screen and (max-width:800px) {
    .IndicationsHome {
        margin-bottom: 0;
        padding: 0
    }
}

.Indications {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 50px
}

@media only screen and (max-width:800px) {
    .Indications {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
}

.Indications--last,
.Indications--first {
    width: 40%
}

.Indications--last {
    height: 350px
}

    .Indications--last img {
        -o-object-fit: cover;
        object-fit: cover
    }

@media only screen and (max-width:800px) {
    .Indications--last {
        height: 180px;
        width: 100%
    }
}

.Indications--first {
    height: 240px
}

@media only screen and (max-width:800px) {
    .Indications--first {
        display: none;
        margin: 0;
        height: 180px;
        width: 100%
    }
}

.Indications__item {
    width: 60%;
    padding-right: 30px;
    padding-top: 30px
}

@media only screen and (max-width:800px) {
    .Indications__item {
        width: 100%;
        padding: 20px
    }
}

.Indications__item:last-child {
    padding-right: 100px;
    padding-left: 30px
}

@media only screen and (max-width:800px) {
    .Indications__item:last-child {
        padding: 20px
    }
}

.Indications__title {
    font-size: 30px;
    font-weight: 900;
    margin: 0
}

@media only screen and (max-width:800px) {
    .Indications__title {
        text-align: center;
        font-size: 20px
    }
}

.Indications__title--bus {
    font-size: 16px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 7px 12px;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid transparent
}

.Indications__text {
    font-size: 18px
}

.Indications__tabs {
    position: relative
}

.Indications__link {
    display: inline-block;
    width: 140px
}

@media only screen and (max-width:800px) {
    .Indications .wrapperContent .Indications__content {
        padding: 10px
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.BannerCard {
    position: relative;
    background: #fff;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 45px;
    width: 100%
}

@media only screen and (max-width:1200px) {
    .BannerCard {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .banner_index_car {
        margin-top: 85px
    }
}

.BannerCard__img {
    position: absolute;
    top: 50%;
    right: 0;
    height: 220px;
    width: 430px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width:1200px) {
    .BannerCard__img {
        position: absolute;
        height: 150px;
        top: 100%;
        right: 0;
        left: 0;
        width: 100%
    }

    .img_index_car {
        top: 0;
        left: auto !important
    }

    .marginres {
        margin-bottom: 90px
    }
}

.BannerCard__img--first {
    left: 0;
    right: unset;
    background-position: center left
}

.img_index_car {
    left: auto;
    right: auto;
    background-position: center left
}

@media only screen and (max-width:1200px) {
    .BannerCard__img--first {
        background-position: center center;
        margin-top: -50px;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%)
    }
}

.BannerCard__content {
    padding: 30px 30px 30px 200px;
    margin-left: 250px;
    border: 2px solid #fdb23a;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 300px;
    min-width: 75%
}

@media only screen and (max-width:1200px) {
    .BannerCard__content {
        padding: 80px 10px 10px 10px;
        margin: 0
    }
}

.BannerCard__content:nth-child(odd) {
    padding: 30px 200px 30px 30px;
    margin-right: 250px;
    margin-left: 0
}

@media only screen and (max-width:1200px) {
    .BannerCard__content:nth-child(odd) {
        padding: 10px 10px 100px 10px;
        margin: 0
    }
}

.BannerCard__content__title {
    font-size: 30px;
    font-weight: 900
}

@media only screen and (max-width:1200px) {
    .BannerCard__content__title {
        text-align: center;
        font-size: 24px;
        margin: 0
    }
}

.BannerCard__content__text {
    font-size: 18px
}

@media only screen and (max-width:1200px) {
    .BannerCard__content__text {
        font-size: 16px
    }
}

.BannerCard__content .Button {
    width: 250px
}

@media only screen and (max-width:1200px) {
    .BannerCard__content .Button {
        width: 60%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
}

@media only screen and (max-width:800px) {
    .BannerCard__content .Button {
        width: 100%
    }
}

.BannerCard__content .InfoLink {
    max-width: 150px
}

@media only screen and (max-width:800px) {
    .BannerCard__content .InfoLink {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

.BannerCard--blue .BannerCard__content {
    border-color: #57a7d2;
    width: 100%
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.BannersHome {
    padding: 0 100px
}

@media only screen and (max-width:800px) {
    .BannersHome {
        padding: 20px
    }
}

@media only screen and (max-width:320px) and (max-height:568px) {
    .BannersHome {
        padding: 10px
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.AboutHome {
    padding: 40px 100px
}

@media only screen and (max-width:800px) {
    .AboutHome {
        padding: 20px 20px
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.BlogCard {
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    border: 1px solid #e6e5ea;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
        cursor:pointer;
}
    .BlogCard:hover {
        border: 1px solid #57a7d2;
    }
        .BlogCard:hover .InfoLink {
            color: #57a7d2;
        }
        .BlogCard:hover .InfoLink__icon {
            color: #57a7d2;
            fill: #57a7d2;
            stroke: #57a7d2;
            -webkit-transform: translateX(10px);
            -moz-transform: translateX(10px);
            -ms-transform: translateX(10px);
            -o-transform: translateX(10px);
            transform: translateX(10px)
        }

    .BlogCard__img {
        height: 200px;
        margin: 0
    }

    .BlogCard__img img {
        -o-object-fit: cover;
        object-fit: cover;
        object-position: 50%
    }

.BlogCard__text {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 25px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media only screen and (max-width:800px) {
    .BlogCard__text {
        padding: 15px
    }
}

.BlogCard__text__date {
    color: #6f6f6f;
    font-size: 14px
}

.BlogCard__text__title {
    min-height: 60px;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px
}

@media only screen and (max-width:800px) {
    .BlogCard__text__title {
        font-size: 18px !important;
        line-height: 24px;
        margin: 5px 0 15px 0
    }
}

.BlogCard__text__title__sub {
    font-weight: 400
}

.BlogCard__text__preview {
    position: relative;
    text-align: justify;
    min-height: 100px;
    overflow: hidden;
    margin: 5px 0
}

@media only screen and (max-width:800px) {
    .BlogCard__text__preview .ellipsis {
        background: #fff
    }
}

.BlogCard__link {
    max-height: 60px;
    margin: 0 25px;
    padding: 15px 10px;
    border-top: 1px solid #e6e5ea;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:800px) {
    .BlogCard__link {
        margin: 0 15px;
        padding: 10px 0
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.BlogHome {
    padding: 0 100px;
    margin-bottom: 65px
}

@media only screen and (max-width:800px) {
    .BlogHome {
        padding: 20px
    }
}

@media only screen and (max-width:320px) and (max-height:568px) {
    .BlogHome {
        padding: 10px
    }
}

.BlogHome__title {
    font-size: 32px
}

.BlogHome__cards {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fill,minmax(400px,1fr))
}

@media only screen and (max-width:800px) {
    .BlogHome__cards {
        grid-template-columns: repeat(auto-fill,minmax(250px,1fr))
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.SubscriptionHome {
    width: 100%;
    height: 230px;
    background: #c7c7c7;
    padding: 50px 100px
}

@media only screen and (max-width:800px) {
    .SubscriptionHome {
        height: auto;
        padding: 20px
    }
}

@media only screen and (max-width:320px) and (max-height:568px) {
    .SubscriptionHome {
        padding: 10px
    }
}

.SubscriptionHome__form {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:800px) {
    .SubscriptionHome__form {
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.SubscriptionHome__form .Checkbox__label {
    font-size: 14px
}

.SubscriptionHome__title {
    width: 250px;
    margin: 0;
    line-height: 30px;
    font-weight: 700;
    font-size: 24px;
    color: #fff
}

.SubscriptionHome__group {
    width: 45%
}

@media only screen and (max-width:800px) {
    .SubscriptionHome__group {
        width: 100%
    }
}

.SubscriptionHome__button {
    margin-right: 0 !important;
    padding:10px 40px;
}

@media only screen and (max-width:800px) {
    .SubscriptionHome__button {
        width: 100%
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Home__gridSections {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 0 30px;
    grid-template-areas: "description aside" "opinions aside"
}

@media only screen and (max-width:800px) {
    .Home__gridSections {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        grid-template-areas: "description" "opinions" "aside"
    }
}

@media only screen and (max-width:320px) and (max-height:568px) {
    .Home__gridSections {
        grid-gap: 10px
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Warning {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto
}

.Warning2 {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Warning__icon {
    width: 30px;
    height: 30px
}

.InfoItem--highlight a {
    color: orange;
    font-weight: 700;
    margin-left: 4px
}

.Warning__message {
    font-size: 12px;
    text-transform: uppercase;
    color: #d48200
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.InfoLabel {
    text-transform: uppercase;
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#fdb23a),to(#e99002));
    background: -webkit-linear-gradient(top,#fdb23a,#e99002);
    background: -moz-linear-gradient(top,#fdb23a,#e99002);
    background: -o-linear-gradient(top,#fdb23a,#e99002);
    background: linear-gradient(to bottom,#fdb23a,#e99002);
    padding: 6px 0;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size: 12px;
    height: 25px;
    line-height: normal;
    line-height: initial
}

.InfoLabel--blue {
    background: transparent;
    border: 1px solid #57a7d2;
    color: #000
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.ReservationCard {
    display: grid;
    grid-template-columns: auto 120px;
    grid-auto-rows: auto;
    grid-gap: 10px;
    padding: 20px 0;
    grid-template-areas: "date label" "office office"
}

    .ReservationCard:first-of-type {
        border-bottom: 1px solid #e6e5ea
    }

.ReservationCard__date {
    grid-area: date;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 20px;
    font-weight: 700
}

.ReservationCard__date__action {
    font-weight: 400;
    margin-bottom: 10px
}

.ReservationCard__office {
    grid-area: office
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.VehicleCard {
    background: #fff
}

.VehicleCard__name {
    font-size: 20px;
    margin: 0
}

.VehicleCard__name__options {
    font-weight: 400;
    color: #8c8c8c
}

.VehicleCard__img {
    width: 100%;
    height: 200px;
    display: flex
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.SectionBox {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: #fff;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
}

.SectionBox__title {
    font-size: 32px;
    margin: 0;
    font-weight: 900;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #e6e5ea;
}

@media only screen and (max-width:800px) {
    .SectionBox__title {
        font-size: 24px
    }
}

.SectionBox .Warning {
    margin: 10px 0
}

.ModelOption:hover {
    border: 3px solid #57a7d2 !important;
    margin: 3px
}

.ModelOption {
    cursor: pointer;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e6e5ea;
    padding: 20px 10px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 5px
}

.ModelOption__text {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px
}

.ModelOption__text__title {
    font-weight: 400;
    margin-bottom: -5px
}

.ModelOption__img {
    width: 30%;
    height: 50px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.CouponBox {
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    margin: 20px 0
}

.CouponBox__header,
.CouponBox__content {
    font-size: 20px;
    padding: 15px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.CouponBox__header {
    text-align: center;
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#6f960c),to(#a4ca2c));
    background: -webkit-linear-gradient(top,#6f960c,#a4ca2c);
    background: -moz-linear-gradient(top,#6f960c,#a4ca2c);
    background: -o-linear-gradient(top,#6f960c,#a4ca2c);
    background: linear-gradient(to bottom,#6f960c,#a4ca2c)
}

.CouponBox__header__title {
    font-size: inherit;
    line-height: 24px
}

.CouponBox__content__link {
    text-decoration: underline;
    font-size: inherit
}

.CouponBox--yellow .CouponBox__header {
    background: -webkit-gradient(linear,left top,left bottom,from(#d48200),to(#fdb23a));
    background: -webkit-linear-gradient(top,#d48200,#fdb23a);
    background: -moz-linear-gradient(top,#d48200,#fdb23a);
    background: -o-linear-gradient(top,#d48200,#fdb23a);
    background: linear-gradient(to bottom,#d48200,#fdb23a)
}

.CouponBox--yellow .CouponBox__header__title {
    margin-bottom: 0
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.AsideBooking {
    background: #f9f9f9;
    margin-top: 15px;
    padding: 20px
}

@media only screen and (max-width:800px) {
    .AsideBooking {
        padding: 10px
    }
}

.AsideBooking__box {
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    padding: 20px 15px;
}

.ChargesCard {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ChargesCard__header:hover {
    fill: orange !important
}

#language_trigger:hover {
    fill: orange !important
}

.DropdownFilter__button:hover {
    fill: orange !important
}

.Filters__title:hover {
    fill: orange !important
}

.ChargesCard__header {
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #6f6f6f;
    margin: 0
}

.ChargesCard__content {
    padding: 5px 10px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e6e5ea
}

.ChargesCard__content__item {
    padding: 10px 5px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 18px
}

.rotatehalf {
    transform: rotate(180deg)
}

.ChargesCard__content__item:first-of-type {
    //border-top:1px solid #c7c7c7
}

.ChargesCard__content__item__price {
    font-weight: 700
}

.PriceLabel {
    margin: 30px 0 10px 0;
    font-size: 20px;
    font-weight: 700;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.PriceLabel__price--bold {
    color: #e99002;
    font-weight: 900;
    font-size: 32px
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.InfoTooltip {
    position: relative;
    fill: #fdb23a;
    margin-left: auto;
    color: #fdb23a
}

.ChargesCard__content__item .InfoTooltip {
    margin-right: 8px;
    stroke: #fdb23a !important;
    color: orange !important;
    fill: orange !important
}

.expand-explanation svg {
    fill: #fdb23a
}

.InfoTooltip__tooltip {
    z-index: 100;
    cursor: auto;
    position: absolute;
    right: 0;
    width: 500px;
    padding: 7px 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    background: #fff;
    -webkit-clip-path: circle(0% at 100% 0);
    clip-path: circle(0% at 100% 0);
    -webkit-animation: showTool 700ms ease-in-out forwards;
    -moz-animation: showTool 700ms ease-in-out forwards;
    -o-animation: showTool 700ms ease-in-out forwards;
    animation: showTool 700ms ease-in-out forwards
}

    .InfoTooltip__tooltip::-webkit-scrollbar {
        width: 2px
    }

@-webkit-keyframes showTool {
    100% {
        -webkit-clip-path: circle(200% at 100% 0);
        clip-path: circle(200% at 100% 0)
    }
}

@-moz-keyframes showTool {
    100% {
        clip-path: circle(200% at 100% 0)
    }
}

@-o-keyframes showTool {
    100% {
        clip-path: circle(200% at 100% 0)
    }
}

@keyframes showTool {
    100% {
        -webkit-clip-path: circle(200% at 100% 0);
        clip-path: circle(200% at 100% 0)
    }
}

@media only screen and (max-width:800px) {
    .InfoTooltip__tooltip {
        position: fixed;
        top: 0;
        bottom: 0;
        max-height: 100%;
        width: 100%;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.InfoTooltip__tooltip .regularIcon {
    margin-bottom: 20px;
    background: #fdb23a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    fill: #fff
}

.InfoTooltip__tooltip__content {
    max-height: 100%;
    overflow-y: auto;
    text-align: justify;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

@media only screen and (max-width:800px) {
    .InfoTooltip__tooltip__content {
        font-size: 16px;
        line-height: 24px
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.CheckRadio {
    position: relative;
    padding: 5px 0px;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e6e5ea
}

.CheckRadio__input {
    display: none
}

    .CheckRadio__input:checked + .CheckRadio__label {
        text-shadow: 0 0 .6px #000
    }

        .CheckRadio__input:checked + .CheckRadio__label .CheckRadio__label__circle::before {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }

.CheckRadio__label {
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.CheckRadio__label__circle {
    min-width: 20px;
    height: 20px;
    margin-right: 10px;
    border: 2px solid #303030;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .CheckRadio__label__circle::before {
        content: "";
        width: 10px;
        height: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #fdb23a;
        -webkit-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

.disabled .CheckRadio__label__circle {
    background: #ddd
}

.CheckRadio__input:checked + .CheckRadio__label .CheckRadio__label__circle::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.CheckRadio--car {
    padding: 10px 3px;
    font-size: 14px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #e6e5ea;
    display: inline-flex;
    width: 100%
}

@media only screen and (max-width:800px) {
    .CheckRadio--car {
        font-size: 16px
    }
}

.CheckRadio--car .CheckRadio__label {
    color: #303030
}

    .CheckRadio--car .CheckRadio__label:before {
        width: 7px;
        height: 7px
    }

.CheckRadio--insurances {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px
}

@media only screen and (max-width:800px) {
    .CheckRadio--insurances {
        line-height: 16px;
        font-size: 16px
    }
}

.CheckRadio--insurances .CheckRadio__label:before {
    font-size: 1.1em
}

.CheckRadio--simpleOption {
    font-size: 18px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none
}

    .CheckRadio--simpleOption .CheckRadio__label::before {
        font-size: 1.2em;
        margin-top: -5px
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.LayoutBooking {
    display: grid;
    grid-gap: 10px 30px;
    grid-template-columns: auto 370px;
    grid-template-rows: auto;
    padding: 0 100px;
    margin-bottom: 100px
}
@media only screen and (max-width:1200px) {
    .LayoutBooking {
        grid-template-columns: auto auto;
    }
}
@media only screen and (max-width:800px) {
    .LayoutBooking {
        grid-template-columns: 1fr;
        padding: 0 20px;
    
    }
}

.LayoutBooking__sticky {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    top: 10px
}

.LayoutBooking__asideWrapper {
    grid-area: aside
}


.LayoutBooking--confirmation {
    grid-template-areas: "title title" "message message" "message2 message2" "message3 message3" "content aside" "fastlane fastlane" "keyexpress keyexpress" "subscription subscription" "info info"
}

@media only screen and (max-width:800px) {
    .LayoutBooking--confirmation {
        grid-template-areas: "title" "message" "message2" "message3" "content" "aside" "fastlane" "keyexpress" "subscription" "info"
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.InfoBooking {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 2;
    background: #fff;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 20px 0;
    padding: 0 20px 0 100px;
    border-right: 1px solid #fdb23a
}

@media only screen and (max-width:845px) {
    .InfoBooking {
        border: none;
        padding: 5px 20px;
        margin: 0;
        position: fixed;
        bottom: 0;
        top: unset;
        right: 0;
        left: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: -webkit-transform 500ms ease-in-out;
        transition: -webkit-transform 500ms ease-in-out;
        -o-transition: -o-transform 500ms ease-in-out;
        -moz-transition: transform 500ms ease-in-out,-moz-transform 500ms ease-in-out;
        transition: transform 500ms ease-in-out;
        transition: transform 500ms ease-in-out,-webkit-transform 500ms ease-in-out,-moz-transform 500ms ease-in-out,-o-transform 500ms ease-in-out
    }
}

.InfoBooking.isScrollUp {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

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

    .InfoBooking__rows:first-child {
        padding-bottom: 20px
    }

@media only screen and (max-width:845px) {
    .InfoBooking__rows {
        margin: 5px 0
    }

        .InfoBooking__rows:first-child {
            border-bottom: 1px solid #e6e5ea;
            padding-bottom: 0;
            margin: 0
        }

            .InfoBooking__rows:first-child .Button {
                margin: 0;
                min-width: 110px
            }

        .InfoBooking__rows:last-child .Button {
            width: 100%;
            margin: 0
        }
}

.InfoBooking__title {
    font-size: 30px;
    margin: 0;
    max-width: 350px
}

@media only screen and (max-width:845px) {
    .InfoBooking__title {
        font-size: 15px;
        line-height: 20px
    }
}

.InfoBooking__link {
    font-size: 17px;
    color: #57a7d2;
    font-weight: 700;
    text-decoration: underline
}

.InfoBooking__date {
    font-size: 18px;
    color: #6f6f6f;
    min-width: 50% !important
}

@media only screen and (max-width:845px) {
    .InfoBooking__date {
        font-size: 14px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 10px;
        width: 100%
    }

    .InfoBooking__rows:last-child {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .InfoBooking__rows:last-child .InfoBooking__link {
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            align-self: center
        }
}

.FAQSection__box a,
.Tab__content__text a,
.About__intro a,
.BannerCard__content a,
.Contact__banner a,
.Contact__offices a,
.Contact__departments a,
.CentralOffice__data a,
.SectionBox__title a,
.boxLAyout__subtitle a {
    color: #fdb23a
}

/*.InfoBooking__date span:first-child {
    margin-right: 15px
}*/

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.DataCar {
    cursor: auto;
    background: #fff;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    grid-row: 2;
    grid-column: 1;
    position: relative;
}

@media only screen and (max-width:800px) {
    .DataCar {
        padding: 15px
    }
}

.DataCar__header {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row: 1;
    grid-column: 1/6;
    padding: 15px 15px 0 15px;
    margin-top:12px;
    z-index:1;
}

.DataCar__header__name {
    font-size: 24px;
    margin: 0 0 5px 0
}

.DataCar__header__header {
    color: #6f6f6f;
    font-weight: 100;
    font-size: 18px;
}

.DataCar__header__similar {
    color: #6f6f6f;
    font-weight: 100;
    font-size: 18px;
}

.DataCar__img {
    width: 100%;
    height: 200px
}

@media only screen and (max-width:800px) {
    .DataCar__img {
        height: 150px
    }
 
}

.DataCar__features {
    display: grid;
    grid-gap: 25px 15px;
    grid-template-columns: repeat(3,auto);
    grid-template-rows: rows;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.DataCar--modal {
    padding: 30px
}

@media only screen and (max-width:800px) {
    .DataCar--modal {
        padding: 10px 0
    }
}

.DataCar--modal .DataCar__features {
    grid-template-columns: repeat(2,auto)
}

.DataCar--modal .DataCar__img {
    width: 100%;
    background-position: center center
}

.Item {
    font-size: 18px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width:800px) {
    .Item {
        font-size: 16px
    }
}

.Item__number {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.Item__icon {
    width: 30px;
    height: 30px;
    margin-top: 6px;
    margin-right: 6px;
}



.Card .DataCar ul li.item-hidden {
    display: none
}

.Item__text {
    margin-left: 7px;
    max-width: 135px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media only screen and (max-width:800px) {
    .Item__text {
        max-width: 110px
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.CarsBooking {
    margin: 0 0 140px 0
}

.CarsBooking__extras {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 100px
}

@media only screen and (max-width:800px) {
    .CarsBooking__extras {
        padding: 0 20px
    }
}

.CarsBooking__extras__message {
    position: relative;
    border: 1px solid #a4ca2c;
    padding: 10px;
    margin: 10px
}

@media only screen and (max-width:800px) {
    .CarsBooking__extras__message {
        margin-top: 10px;
        padding: 10px
    }
}

.CarsBooking__extras__message p {
    margin: 0;
    color: #6f6f6f
}

.CarsBooking__extras__message__img img {
    position: absolute;
    max-width: 100px;
    max-height: 44px;
    bottom: 0;
    right: 0;
    width: auto;
    height: auto
}

.EarlyBirdOffer a,
.CheckAgreements a,
.MoreInfo a {
    color: #fdb23a
}

@media only screen and (max-width:800px) {
    .CarsBooking__extras__message__img {
        margin: 0 auto;
        position: static
    }
}

.CarsBooking__grid {
    padding: 20px 100px;
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fill,minmax(450px,1fr));
    margin-bottom: 30px
}

@media only screen and (max-width:800px) {
    .CarsBooking__grid {
        padding: 20px;
        grid-template-columns: repeat(auto-fill,minmax(320px,1fr))
    }
}

@media only screen and (max-width:320px) and (max-height:568px) {
    .CarsBooking__grid {
        padding: 5px;
        grid-template-columns: repeat(auto-fill,minmax(300px,1fr))
    }
}

.Card {
    position: relative;
    background: #fff;
    border-radius: 4px;
    border: solid #e6e5ea;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 6px 2px 2px;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    transition: .2s ease-in-out;
    min-width: 475px;
    display: grid;
    grid-template-columns: 1fr 1fr
}
.GreyCard {
    color: gray !important;
}
    .GreyCard .DataCar img {
        opacity: 0.5;
    }
    .Card:hover {
        -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
        -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
        box-shadow: 0 4px 20px rgba(24,31,77,.09);
        border-width: 6px 2px 2px 2px;
        border-color: #57a7d2
    }

        .Card:hover .Card__actions__number {
            color: #57a7d2;
            font-weight: 900
        }

.Card__actions {
    padding: 15px;
    align-self: end;
    grid-row: 2;
    grid-column: 2/6;
    display: flex;
    flex-direction: column;
    justify-content: end;
    min-height:154px;
}

@media only screen and (max-width:800px) {
    .Card__actions {
        padding: 0 15px 10px 15px
    }
}

.Card__actions__price {
    margin: 0 10px 5px 10px;
    text-align: center
}

@media only screen and (max-width:800px) {
    .Card {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: "car" "actions" "footer";
        min-width: 20px
    }
}

.Card__actions__previousPrice {
    font-size: 18px;
    color: #6f6f6f;
    text-decoration: line-through
}

.Card__actions__number {
    font-size: 36px;
    font-weight: 700;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    display: inline-block;
    min-width: 100%;
}

@media only screen and (max-width:800px) {
    .Card__actions__number {
        font-size: 30px
    }
}

.Card__actions__day {
    font-size: 14px;
    text-transform: uppercase
}

@media only screen and (max-width:800px) {
    .Card__actions__checkradios {
        margin-top: 10px
    }
}

.Card__actions__checkradios__label {
    color: #8c8c8c;
    font-size: 14px
}

.Button--primary:hover {
    color: #fff;
    font-weight: 700;
    font-size: 16px
}

.Card__footer {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    grid-row: 3;
    grid-column: 1/6
}

.Card__footer__button {
    width: 50%;
    font-size: 16px;
    font-weight: 700;
    color: #6f6f6f;
    padding: 10px 4px;
    background: #f9f9f9
}

    .Card__footer__button:first-child {
        border-right: 1px solid #c7c7c7
    }

.Card__modal__subtitle,
.Card__modal__text {
    margin: 5px 0
}

.Card__modal__subtitle {
    font-size: 18px
}

.Card__modal__list__item {
    list-style: inside
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.OptionsBooking {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.SectionAction {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

@media only screen and (max-width:800px) {
    .SectionAction {
        padding: 0
    }
}

.SectionAction__title {
    text-transform: uppercase;
    font-size: 36px;
}

@media only screen and (max-width:800px) {
    .SectionAction__title {
        font-size: 25px;
        margin: 10px 0
    }
}

.SectionAction__subtitle {
    font-size: 18px
}

.SectionAction__subtitle__paragraph {
    margin-top: 10px
}

.Options {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.Options_box {
    position: relative;
    padding: 10px 15px;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e6e5ea;
    margin-bottom: 20px;
}


.BabySeat_box {
    max-width: 260px;
}

.BabySeat_box_wrapper {
}

.Chair_infotext {
    min-height: 110px;
    margin-top: 10px;
    border-bottom: 1px solid #e6e5ea;
}

.Chair__price_wrapper {
    margin-top: 10px;
}

.BabySeat_box_footer {
}

@media only screen and (min-width:560px) and (max-width:1410px) {
    .BabySeat_box_footer {
        width: calc(100% - 220px);
    }

    .BabySeat_box {
        max-width: 100%;
        width: 100%;
    }

    .Chair__options {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .BabySeat_box_wrapper {
        display: flex;
    }

    .Chair_infotext {
        width: 100%;
        padding: 20px;
    }

    .Chair__price_wrapper {
        width: 100%;
        padding: 20px;
    }
}

.BabySeat_box_title {
    display: flex;
    padding: 4px;
    border-bottom: 1px solid #e6e5ea;
    font-variant-caps: all-petite-caps;
    font-size: 22px;
    font-weight: 700;
}

.BabySeat_box_content {
    padding: 4px;
    display: flex;
    flex-wrap: wrap;
}

.BabySeat_box_content_selection {
    padding: 0px 15px;
    margin: auto;
}

.Options__icon {
    width: 80px;
    display: flex;
}

    .Options__icon img {
        margin: auto;
        height: 80px;
    }

.Checkbox__label2_content {
    width: 100%;
    display: flex;
}

.Checkbox__label2_content_left {
    width: calc(100% - 80px);
    display: inline-block;
}

.Checkbox__label2_content_right {
    width: 80px;
    text-align: right;
    align-items: center;
    display: flex;
    justify-content: right;
}

.Options__content {
    width: calc(100% - 10px);
}

@media only screen and (max-width:400px) {
    .Options__icon {
        width: 40px;
    }

        .Options__icon img {
            height: 40px;
        }

    .Checkbox__label2_content_left {
        width: calc(100% - 40px);
        min-width: 70px;
    }
}


.Options__price {
    grid-area: price;
    color: #57a7d2;
    font-weight: 700;
    font-size: 24px;
    align-self: center
}

.Options__paragraphs {
    grid-area: text
}

.Chair {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    border-bottom: 1px solid #e6e5ea
}

    .Chair:last-of-type {
        border-bottom: none
    }

@media only screen and (max-width:800px) {
    .Chair {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.Chair__content {
    display: grid;
    grid-template-columns: 400px auto;
    grid-template-rows: repeat(3,1fr);
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-areas: "title title" "checkoptions price" "text text"
}

@media only screen and (max-width:1200px) {
    .Chair__content {
        grid-gap: 15px;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: "title" "price" "checkoptions" "text"
    }
}

@media only screen and (min-width:767px) and (max-height:800px) and (orientation:landscape) {
    .Chair__content {
        grid-template-columns: 350px auto
    }
}

.Chair__img {
    display: inline-block;
    width: 140px;
    min-width: 140px;
    height: 140px;
    margin: auto;
}

@media only screen and (max-width:800px) {
    .Chair__img {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
}

.Chair__header {
    grid-area: title;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Chair__header__name {
    font-size: 20px;
    margin: 0;
    color: #303030
}

@media only screen and (max-width:800px) {
    .Chair__header__name {
        margin-bottom: 5px
    }
}

.Chair__header__spec {
    font-size: 12px;
    margin: 0px;
    text-align: center;
}

.Chair__options {
    grid-area: checkoptions;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.BabySeats_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    border-top: 1px solid #e6e5ea;
    padding-top: 20px;
}

.Chair__price {
    grid-area: price;
    color: #57a7d2;
    font-weight: 700;
    font-size: 24px;
    margin: 0px;
    text-align: center;
}

.Chair_infotext_title {
    margin: 0;
    text-align: left;
    font-weight: 700;
}

.Chair_infotext_content {
    padding: 0;
    margin: 0;
    display: list-item;
    margin-left: 20px;
}

.Chair__text {
    text-justify: inter-character;
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.RegistrationForm {
    grid-row: 1;
    grid-column: 1
}

.RegistrationForm__title {
    text-transform: uppercase;
    font-size: 36px;
    margin-bottom: 0
}

@media only screen and (max-width:800px) {
    .RegistrationForm__title {
        font-size: 20px
    }
}

.RegistrationForm__title__required {
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    margin: 0 10px
}

.RegistrationForm__section {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    grid-template-rows: auto;
    grid-template-areas: "form form" "check buttons"
}

@media only screen and (max-width:1200px) {
    .RegistrationForm__section {
        grid-template-columns: 1fr;
        grid-template-areas: "form" "check" "buttons"
    }
}

.RegistrationForm__section--page {
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09)
}

@media only screen and (max-width:800px) {
    .RegistrationForm__section--page {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 0
    }
}

.RegistrationForm__section--page__buttons {
    grid-area: buttons
}

.RegistrationForm__fields {
    grid-area: form;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr))
}
@media only screen and (max-width:700px) {
    .RegistrationForm__fields {
        display: block;
    }
}
.RegistrationForm .Button {
    width: 100%
}

.captcha {
    display: inline-block;
    height: 80px;
    width: 100%;
    margin: 15px 0;
    background: #fff;
    text-align: center
}

@media only screen and (max-width:800px) {
    .captcha {
        width: 100%
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.LoginForm {
    border-top: 1px solid #fdb23a
}

.LoginForm__link span {
    color: #6f6f6f;
    display: inline-block;
    text-decoration: underline;
    width: 100%;
    text-align: right;
    padding: 5px
}

.LoginForm__link {
    color: #6f6f6f !important;
    display: inline-block !important;
    text-decoration: underline !important;
    width: 100% !important;
    text-align: right !important;
    padding: 5px !important
}

.LoginForm .Button {
    width: 100%
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.ButtonsDataForm__buttons .Checkbox {
    margin-top: 20px
}

@media only screen and (max-width:800px) {
    .ButtonsDataForm__buttons .Button {
        margin: 0 auto
    }
}

.ButtonsDataForm .Button {
    width: 260px
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.UploadFile {
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e6e5ea;
    background: #fff;
    padding: 15px 25px;
    margin-bottom: 20px;
    max-width: 385px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "title title" "label button"
}

@media only screen and (max-width:1200px) {
    .UploadFile {
        max-width: 100%
    }
}

.UploadFile:first-of-type {
    margin-right: 10px
}

@media only screen and (max-width:1200px) {
    .UploadFile:first-of-type {
        margin-right: 0
    }
}

.UploadFile__title {
    grid-area: title;
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 5px 0
}

.UploadFile__input {
    display: none
}

    .UploadFile__input:read-only + label {
        color: #6f6f6f;
        border-color: #6f6f6f
    }

        .UploadFile__input:read-only + label:hover {
            background: transparent;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none
        }

.UploadFile__label {
    grid-area: label;
    align-self: center;
    margin-right: 5px;
    font-size: 16px;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #6f6f6f
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.ProfileSection {
    display: none;
    position: relative
}

.ProfileSection__header {
    display: grid
}

    .ProfileSection__header .Button--link {
        justify-self: end;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100px
    }

    .ProfileSection__header .Checkbox {
        grid-area: checkbox;
        justify-self: end
    }

@media only screen and (max-width:800px) {
    .ProfileSection__header .Checkbox {
        justify-self: start
    }
}

.ProfileSection__requiredText {
    grid-row: 2;
    grid-column: 1
}

.ProfileSection__title {
    grid-row: 1;
    grid-column: 1;
    margin: 30px 0 0 0;
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase
}

@media only screen and (max-width:1200px) {
    .ProfileSection__title {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 20px;
        margin: 45px 0 0 0
    }
}

.ProfileSection__fields {
    display: grid;
    grid-gap: 0 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto
}

@media only screen and (max-width:1200px) {
    .ProfileSection__fields {
        grid-template-columns: 1fr
    }
}

.UploadFileSection {
    grid-column: 1 / 3;
    margin-bottom: 40px
}

@media only screen and (max-width:1200px) {
    .UploadFileSection {
        grid-column: auto
    }
}

.UploadFileSection__label {
    margin: 0;
    padding: 10px 10px 5px 10px;
    font-weight: 400;
    font-size: 18px
}

.UploadFileSection__inputs {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1200px) {
    .UploadFileSection__inputs {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.PlaneAndDriverData__transportation {
    border-top: 1px solid #e6e5ea;
    padding-top: 20px;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap
}

@media only screen and (max-width:800px) {
    .PlaneAndDriverData__transportation {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: "title" "subtitle" "checkboxes" "expand"
    }
}

.PlaneAndDriverData__transportation__title {
    grid-area: title;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px
}

.PlaneAndDriverData__transportation__subtitle {
    grid-area: subtitle;
    font-size: 20px
}

.PlaneAndDriverData__transportation__checkboxes {
    margin-left: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

    .PlaneAndDriverData__transportation__checkboxes .CheckRadio--simpleOption {
        margin-right: 15px
    }

@media only screen and (max-width:800px) {
    .PlaneAndDriverData__transportation__checkboxes .CheckRadio--simpleOption {
        padding-left: 0
    }
}

.PlaneAndDriverData__transportation__contentHide {
    grid-area: expand;
    max-height: 0;
    overflow: hidden;
    -webkit-animation: expand 500ms ease-in-out forwards;
    -moz-animation: expand 500ms ease-in-out forwards;
    -o-animation: expand 500ms ease-in-out forwards;
    animation: expand 500ms ease-in-out forwards;
    width: 100%
}

.PlaneAndDriverData__transportation__contentHide__row {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .PlaneAndDriverData__transportation__contentHide__row .DataBooking__transportation__subtitle {
        width: 410px
    }

@media only screen and (max-width:800px) {
    .PlaneAndDriverData__transportation__contentHide__row .DataBooking__transportation__subtitle {
        width: auto
    }
}

@-webkit-keyframes expand {
    100% {
        max-height: 500px
    }
}

@-moz-keyframes expand {
    100% {
        max-height: 500px
    }
}

@-o-keyframes expand {
    100% {
        max-height: 500px
    }
}

@keyframes expand {
    100% {
        max-height: 500px
    }
}

.PlaneAndDriverData__additionalDriver {
    margin-top: 10px
}

    .PlaneAndDriverData__additionalDriver .Button--link {
        margin-left: auto
    }

.PlaneAndDriverData__driversButton {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:800px) {
    .PlaneAndDriverData__driversButton .fieldClearing {
        margin-left: 10px
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.DataBooking .TextField:last-child {
    grid-column: 1 / 3
}

@media only screen and (max-width:1200px) {
    .DataBooking .TextField:last-child {
        grid-column: auto
    }
}

.DataRecorded {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
    margin-top: 30px
}

.DataRecorded__title {
    text-transform: uppercase;
    font-size: 36px
}

@media only screen and (max-width:800px) {
    .DataRecorded__title {
        font-size: 25px;
        margin: 10px 0
    }
}

.DataRecorded__row {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .DataRecorded__row:first-of-type {
        margin-bottom: 15px
    }

.DataRecorded__row--phone {
    margin: 0
}

.DataRecorded__fieldTitle {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 15px
}

@media only screen and (max-width:800px) {
    .DataRecorded__fieldTitle {
        font-size: 15px;
        margin-bottom: 5px
    }
}

.DataRecorded__fieldValue {
    font-size: 18px
}

    .DataRecorded__fieldValue:last-of-type {
        margin-right: 50px
    }

.DataRecorded__col {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .DataRecorded__col .fieldClearing {
        margin: 0
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.ConfirmatationModal__subtitle,
.ConfirmatationModal__title {
    text-align: center
}

.ConfirmatationModal__title {
    font-size: 32px;
    color: #e99002;
    font-weight: 900;
    max-width: 500px;
    text-align: center;
    margin: auto;
}

@media only screen and (max-width:800px) {
    .ConfirmatationModal__title {
        font-size: 20px
    }
}

.ConfirmatationModal__sections {
    padding: 20px 40px;
    padding-bottom: 100px
}

@media only screen and (max-width:800px) {
    .ConfirmatationModal__sections {
        padding-bottom: 100px
    }
}
.ConfirmatationModal__section:not(:last-child) {
    border-bottom: 1px solid #e6e5ea;
}
.ConfirmatationModal__section {

    padding: 15px 0
}

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

.ConfirmatationModal__section__title {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0
}

@media only screen and (max-width:800px) {
    .ConfirmatationModal__section__title {
        font-size: 18px
    }
}

.ConfirmatationModal__buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #fdb23a;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px
}

    .ConfirmatationModal__buttons .Button {
        margin: auto
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Message {
    padding: 15px 25px;
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    border-radius: 4px;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #fdb23a;
    border-left: 8px solid #fdb23a
}

}

.Message__title {
    font-weight: 700;
    font-size: 24px;
    color: #fdb23a;
    margin: 5px 0
}

@media only screen and (max-width:800px) {
    .Message__title {
        font-size: 18px
    }
}

.Message__text {
    margin: 0;
    font-size: 16px
}

.Message--confirmation {
    border-color: #6f960c
}

    .Message--confirmation .Message__title {
        color: #6f960c
    }

.Message--blue {
    border-color: #57a7d2;
    padding: 10px 20px
}

    .Message--blue .Message__title {
        font-size: 16px;
        margin: 0;
        color: #57a7d2
    }

.Message--green {
    border-color: #57d26f;
    padding: 10px 20px
}

    .Message--green .Message__title {
        font-size: 16px;
        margin: 0;
        color: #57d26f
    }

.Message--orange {
    border-color: #fdb23a;
    padding: 10px 20px
}

    .Message--orange .Message__title {
        font-size: 16px;
        margin: 0;
        color: #fdb23a
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.ConfirmationBooking__title {
    grid-area: title;
    font-size: 36px;
    text-transform: uppercase
}

@media only screen and (max-width:800px) {
    .ConfirmationBooking__title {
        font-size: 20px;
        margin: 5px 0;
        line-height: 24px;
        text-align: center
    }
}

.ConfirmationBooking__subtitle {
    font-size: 24px;
    margin: 25px 0
}

.ConfirmationBooking__message {
    grid-area: message
}

.ConfirmationBooking__content {
    grid-area: content
}

.ConfirmationBooking__content__reservation {
    font-size: 20px;
    margin: 25px 0
}

    .ConfirmationBooking__content__reservation li {
        margin-bottom: 7px
    }

.ConfirmationBooking__content__title {
    display: inline-block;
    min-width: auto;
    margin-right: 5px
}

.ConfirmationBooking__content__data {
    margin-left: 15px;
    text-transform: uppercase;
    font-weight: 700;
    min-width: 300px;
    display: inline-block
}

@media only screen and (max-width:800px) {
    .ConfirmationBooking__content__data {
        margin-left: 0
    }
}

.ConfirmationBooking__content__box {
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding:20px;
}

.ConfirmationBooking__content__box__noconfirmation {
    width: 100%
}

.ConfirmationBooking__content__box__dataItem {
    margin: 0 30px;
    padding: 20px 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e6e5ea;
    font-size: 20px
}

@media only screen and (max-width:800px) {
    .ConfirmationBooking__content__box__dataItem {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
}

.ConfirmationBooking__content__box__dataItem:last-of-type {
    border-bottom: none
}

.ConfirmationBooking__content__box__value {
    margin-left: 5px;
    font-weight: 700
}

@media only screen and (max-width:800px) {
    .ConfirmationBooking__content__box__value {
        display: block
    }
}

.ConfirmationBooking__content__box__message {
    color: #fe5d5f;
    font-weight: 700;
    font-size: 16px
}

.ConfirmationBooking__content__box .SectionBox {
    width: 50%
}

@media only screen and (max-width:1200px) {
    .ConfirmationBooking__content__box .SectionBox {
        width: 100%
    }
}

.PaddingSection {
    padding: 20px;
}

.ConfirmationBooking__subscription {
    grid-area: subscription;
    text-align: center;
    padding: 100px 0
}

@media only screen and (max-width:800px) {
    .ConfirmationBooking__subscription {
        padding: 30px 0
    }
}

.ConfirmationBooking__subscription .fieldClearing {
    color: inherit
}

.ConfirmationBooking__subscription .Button {
    margin: 25px auto 0 auto
}

.ConfirmationBooking__options {
    grid-column: 1 / -1
}

.ConfirmationBooking__options__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(270px,1fr));
    grid-template-rows: auto;
    grid-gap: 10px
}

.ConfirmationBooking__information {
    grid-area: info
}

.MoreOptionCard {
    min-height: 185px;
    padding: 20px;
    border: 1px solid #e6e5ea;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

    .MoreOptionCard:hover {
        border-color: #fdb23a
    }

.MoreOptionCard__text {
    text-align: center
}

.MoreOptionCard .Button {
    margin: auto 0 0 0
}

.InformationCard {
    margin-bottom: 25px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    padding: 7px 12px;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid transparent
}

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

.InformationCard__header__title {
    font-size: 20px;
    margin: 5px 0
}

@media only screen and (max-width:800px) {
    .InformationCard__header__title {
        font-size: 16px;
        line-height: 24px
    }
}

.InformationCard__content {
    cursor: auto;
    padding: 20px 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:800px) {
    .InformationCard__content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.InformationCard__list {
    padding: 0
}

.InformationCard__video {
    margin: auto
}

@media only screen and (max-width:800px) {
    .InformationCard__video {
        margin: 0
    }
}

.InformationCard__video__img {
    width: 350px;
    margin-bottom: 15px
}

@media only screen and (max-width:800px) {
    .InformationCard__video__img {
        width: 100%
    }
}

.InformationCard__video .Button {
    width: 100%
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Banner {
    padding: 5px 100px;
    color: #303030;
    background: #f9f9f9;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:800px) {
    .Banner {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 10px 20px 0 20px
    }
}

.Banner__title,
.Banner__items {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Banner__items {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

@media only screen and (max-width:800px) {
    .Banner__items {
        padding-top: 10px;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 200ms ease-in-out,-webkit-transform 200ms ease-in-out;
        transition: max-height 200ms ease-in-out,-webkit-transform 200ms ease-in-out;
        -o-transition: max-height 200ms ease-in-out,-o-transform 200ms ease-in-out;
        -moz-transition: transform 200ms ease-in-out,max-height 200ms ease-in-out,-moz-transform 200ms ease-in-out;
        transition: transform 200ms ease-in-out,max-height 200ms ease-in-out;
        transition: transform 200ms ease-in-out,max-height 200ms ease-in-out,-webkit-transform 200ms ease-in-out,-moz-transform 200ms ease-in-out,-o-transform 200ms ease-in-out;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: right top;
        -moz-transform-origin: right top;
        -ms-transform-origin: right top;
        -o-transform-origin: right top;
        transform-origin: right top
    }
}

.Banner__items.itemsActive {
    max-height: 250px;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.Banner__items .regularIcon {
    margin: 0 5px
}

.Banner__list {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media only screen and (max-width:800px) {
    .Banner__list {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.DropdownFilter {
    position: relative
}

.DropdownFilter__button {
    margin-top: 15px;
    font-size: 16px;
    letter-spacing: .4px;
    text-transform: capitalize;
    color: #6f6f6f;
    min-width: 220px;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    cursor: pointer;
    padding: 7px 12px;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #e6e5ea;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:800px) {
    .DropdownFilter__button {
        min-width: 100%;
        margin-left: 0
    }
}

.DropdownFilter:hover > .DropdownFilter__button {
    color: #303030;
    border-color: #6f6f6f
}

.DropdownFilter .wrapperContent--desktop {
    position: absolute;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    z-index: 1
}

@media only screen and (max-width:800px) {
    .DropdownFilter .wrapperContent--desktop {
        position: relative;
        margin: 0 0 10px 0
    }
}

.DropdownFilter__content {
    border: 1px solid #e6e5ea
}

.FilterOption__input {
    display: none
}

    .FilterOption__input:checked + .FilterOption__item {
        background: #fdb23a;
        text-shadow: 0 0 .6px #000
    }

.FilterOption__item {
    cursor: pointer;
    width: 100%;
    padding: 10px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.FilterOption__item__icon {
    fill: #fff;
    stroke: #fff
}

.FilterOption__item:hover {
    background: rgba(253,178,58,.2)
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Filters {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 20px 0;
    padding: 0 100px 0 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width:800px) {
    .Filters {
        margin: 0;
        padding: 10px 20px
    }
}

.Filters__title {
    font-size: 16px;
    color: #6f6f6f;
    margin-left: 10px;
    margin-bottom: 10px
}

@media only screen and (max-width:800px) {
    .Filters__title {
        margin: 0;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        cursor: pointer;
        padding: 7px 12px;
        -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
        -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
        box-shadow: 0 4px 20px rgba(24,31,77,.09);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #fff;
        border: 1px solid #e6e5ea
    }
}

.Filters__dropdowns {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:800px) {
    .Filters__dropdowns {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.BreadCrumb {
    margin: 0 0 20px 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.BreadCrumb__item {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    font-size: 20px;
    color: #8c8c8c;
    height: 50px;
    width: 300px;
    padding: 10px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f9f9f9;
    border: 2px solid transparent;
    border-top-color: #e6e5ea;
    border-bottom-color: #e6e5ea
}

.BreadCrumb__item__value {
    z-index: 2
}

@media only screen and (max-width:800px) {
    .BreadCrumb__item {
        padding: 10px 10px 10px 22px;
        font-size: 13px
    }

        .BreadCrumb__item .option-name {
            display: none
        }

        .BreadCrumb__item.current {
            display: inline-flex
        }

            .BreadCrumb__item.current .option-name {
                display: block;
                z-index: 2;
                width: auto
            }
}

.BreadCrumb__item:before {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 7px;
    right: -34px;
    background: inherit;
    border: solid #e6e5ea;
    height: 34px;
    width: 34px;
    border-width: 0 2px 2px 0;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg)
}

.BreadCrumb__item:last-child:before {
    content: none
}

.BreadCrumb__item.active,
.BreadCrumb__item.isComplete {
    font-weight: 700;
    -webkit-box-shadow: 0 2px 10px 2px rgba(24,31,77,.2);
    -moz-box-shadow: 0 2px 10px 2px rgba(24,31,77,.2);
    box-shadow: 0 2px 10px 2px rgba(24,31,77,.2);
    color: #fff;
    border: none;
    background: -webkit-gradient(linear,right top,left top,from(#8dc5da),to(#57a7d2));
    background: -webkit-linear-gradient(right,#8dc5da,#57a7d2);
    background: -moz-linear-gradient(right,#8dc5da,#57a7d2);
    background: -o-linear-gradient(right,#8dc5da,#57a7d2);
    background: linear-gradient(to left,#8dc5da,#57a7d2)
}

@media only screen and (max-width:800px) {
    .BreadCrumb__item.active,
    .BreadCrumb__item.isComplete {
        background: #57a7d2
    }
}

.BreadCrumb__item.active:before,
.BreadCrumb__item.isComplete:before {
    background: #8dc5da;
    border-color: transparent;
    -webkit-box-shadow: 7px 7px 10px -5px rgba(24,31,77,.3);
    -moz-box-shadow: 7px 7px 10px -5px rgba(24,31,77,.3);
    box-shadow: 7px 7px 10px -5px rgba(24,31,77,.3)
}

@media only screen and (max-width:800px) {
    .BreadCrumb__item.active:before,
    .BreadCrumb__item.isComplete:before {
        background: #57a7d2
    }
}

.BreadCrumb__item.active:last-child,
.BreadCrumb__item.isComplete:last-child {
    background: -webkit-gradient(linear,right top,left top,from(#a4ca2c),to(#6f960c));
    background: -webkit-linear-gradient(right,#a4ca2c,#6f960c);
    background: -moz-linear-gradient(right,#a4ca2c,#6f960c);
    background: -o-linear-gradient(right,#a4ca2c,#6f960c);
    background: linear-gradient(to left,#a4ca2c,#6f960c)
}

@media only screen and (max-width:800px) {
    .BreadCrumb {
        margin: 0 0 20px 0
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Booking__information {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 3;
    position: -webkit-sticky;
    position: sticky;
    top: 159px;
    background: #fff
}

@media only screen and (max-width:800px) {
    .Booking__information {
        position: static
    }
}

.ChangeBookingModal__text {
    font-size: 18px;
    margin: 5px 0
}

.ChangeBookingModal__footer {
    border-top: 1px solid #fdb23a;
    margin: 30px 0
}

.ChangeBookingModal__footer__title {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0
}

.ChangeBookingModal__footer__buttons {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .ChangeBookingModal__footer__buttons .Button {
        width: 48%;
        margin: 0
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Login .LoginForm {
    border-top: none
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.long-label {
    min-width: 280px;
    display: inline-block;
    margin-left: 20px
}

.RegisterCheck .Button {
    margin: 25px auto 0 auto;
    width: 50%
}

.Register__aside {
    margin-top: 90px;
    grid-column: 2;
    grid-row: 1
}

@media only screen and (max-width:800px) {
    .RegisterCheck .Button {
        width: 100%
    }

    .Register__aside {
        margin-top: 90px;
        grid-column: 1;
        grid-row: 2
    }
}

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

.ActivateAccount__title {
    margin: 25px 0 5px 0;
    font-size: 30px;
    text-align: center
}

.ActivateAccount__text {
    margin: 0 0 25px 0;
    font-size: 18px
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Register {
    display: grid;
    grid-gap: 10px 30px;
    padding: 20px 100px;
    margin-bottom: 45px
}

@media only screen and (max-width:1200px) {
    .Register {
        padding: 20px
    }
}

.Register .TextField:nth-child(3) {
    grid-column: 1 / 3
}

@media only screen and (max-width:1200px) {
    .Register .TextField:nth-child(3) {
        grid-column: auto
    }
}

.Register__aside .Button {
    margin: 30px auto
}

@media only screen and (max-width:1200px) {
    .Register__aside {
        margin-top: 0
    }
}

.Register__list {
    padding: 10px 25px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border: 1px solid #fdb23a
}

.Register__list__title {
    font-size: 18px;
    text-align: center;
    line-height: 24px
}

.Register__list .ListItem {
    font-size: 14px;
    line-height: 20px
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.AsideAccount {
    width: 300px !important;
    grid-row: 3;
    grid-column: 1
}

.ProfileDataForm,
.MyCoupons,
.MyBookings,
.ModifyBooking,
.ChangeDataForm,
.CancelBooking {
    grid-row: 3;
    grid-column: 2/6;
    position: relative;
    display: table-cell;
    padding: 20px;
    vertical-align: bottom
}

@media only screen and (max-width:800px) {
    .AsideAccount {
        height: 100%;
        overflow-y: auto
    }
}

.AsideAccount__info {
    position: -webkit-sticky;
    position: sticky;
    top: 159px;
    background: #f9f9f9;
    padding: 30px 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:800px) {
    .AsideAccount__info {
        position: static;
        min-height: 100%;
        padding: 20px
    }
}

.AsideAccount__nav {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media only screen and (max-width:800px) {
    .AsideAccount__nav {
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-bottom: 20px;
        width: 100%
    }
}

@media only screen and (max-width:800px) {
    .AsideAccount__nav__link__wrapper {
        width: 100%;
        border-bottom: 1px solid #fdb23a;
        padding: 10px;
        margin: 5px 0
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Table .fieldClearing {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 20px 0
}

@media only screen and (max-width:1200px) {
    .Table .fieldClearing {
        grid-column: 1 / end
    }
}

.Table__header {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f9f9f9;
    padding: 13px 0
}

.MyCoupons__Table__header__desk {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f9f9f9;
    padding: 13px 20px
}

.MyCoupons__Table__header__mob {
    display: none
}

.MyCoupons .Table {
    border: 2px solid #e6e5ea;
    margin: 20px;
    max-height: 300px;
    overflow-y: auto
}

@media only screen and (max-width:1200px) {
    .MyCoupons__Table__header__desk {
        display: none
    }

    .MyCoupons__Table__header__mob {
        display: block;
        width: 50%;
        margin: 10px 0 10px 10px
    }

    .MyCoupons__Table__row {
        width: 50%;
        margin: 10px 10px 10px 0
    }

    .MyCoupons__Table__row__item {
        height: 40px;
        line-height: 20px;
        text-align: right !important
    }

    .MyCoupons__Table__header__item {
        height: 40px;
        line-height: 20px;
        text-align: left !important
    }

    .MyCoupons__Table__rowWrapper {
        display: flex;
        margin-bottom: 10px
    }
}

@media only screen and (min-width:1200px) {
    .MyCoupons__Table__row {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: revert;
        -moz-box-align: revert;
        -ms-flex-align: revert;
        align-items: revert;
        padding: 13px 20px
    }
}

@media only screen and (max-width:1200px) {
    .Table__header {
        background: transparent;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.MyCoupons__Table__header__item {
    font-weight: 700;
    font-size: 14px;
    margin: 0 2px;
    min-width: 130px;
    text-align: center
}

.MyCoupons__Table__row__item {
    font-size: 12px;
    margin: 0 2px;
    min-width: 130px;
    text-align: center
}

    .MyCoupons__Table__row__item:first-of-type {
        color: #fdb23a;
        font-weight: 900
    }

.Table__header__item {
    font-weight: 700;
    font-size: 18px;
    margin: 0 2px;
    min-width: 154px;
    text-align: center
}

@media only screen and (max-width:1200px) {
    .Table__header__item {
        text-align: left;
        font-size: 16px;
        line-height: 18px;
        min-width: 100px;
        margin: 10px 0;
        min-height: 40px
    }
}

@media only screen and (max-width:1200px) {
    .Table__rowWrapper {
        display: grid
    }
}

.MyCoupons__Table__rowWrapper {
    border-bottom: 1px solid #e6e5ea
}

.Table__rowWrapper {
    border-bottom: 1px solid #e6e5ea
}

.Table__row {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: revert;
    -moz-box-align: revert;
    -ms-flex-align: revert;
    align-items: revert;
    padding: 13px 20px
}

@media only screen and (max-width:1200px) {
    .Table__row {
        justify-self: end;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 13px 0;
        grid-row: 1;
        grid-column: 2/4;
        display: table-cell
    }
}

.Table__row__item {
    font-size: 18px;
    color: #6f6f6f;
    margin: 0 2px;
    min-width: 154px;
    text-align: center
}

    .Table__row__item:first-of-type {
        color: #fdb23a;
        font-weight: 900
    }

.Table__row__action {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:1200px) {
    .Table__row__action {
        margin: 20px auto;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

.Table__row__action__button {
    margin-left: 10px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 13px
}

@media only screen and (max-width:1200px) {
    .Table__row--actions {
        grid-row: 3;
        grid-column: 1 / 4;
        width: 100%;
        display: block
    }

    .Table__row__item {
        min-height: 40px;
        line-height: 18px;
        margin: 10px 0
    }

    .Table__header.mobview {
        display: table-cell;
        grid-row: 1;
        grid-column: 1/2
    }

    .Table__header.deskview {
        display: none
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.MyCoupons__title {
    font-size: 30px;
    font-weight: 900
}

@media only screen and (max-width:800px) {
    .MyCoupons__title {
        text-align: center;
        margin: 20px 0 10px 0;
        font-size: 20px
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.MyBookings .Button--secondary {
    margin-left: auto;
    width: 180px
}

@media only screen and (max-width:800px) {
    .MyBookings .Button--secondary {
        margin: 0 auto;
        width: 100%
    }
}

.MyBookingSection {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.MyBookingSection__title {
    font-size: 30px;
    font-weight: 900
}

@media only screen and (max-width:800px) {
    .MyBookingSection__title {
        text-align: center;
        margin: 20px 0 10px 0;
        font-size: 20px
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.ResumeBox {
    border: 1px solid #e6e5ea;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .ResumeBox li:nth-child(1) {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .ResumeBox li:nth-child(2) {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .ResumeBox li:nth-child(3) {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .ResumeBox li:nth-child(4) {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

        .ResumeBox li:nth-child(4)::before {
            content: none
        }

    .ResumeBox li:nth-child(5) {
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .ResumeBox li:nth-child(6) {
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

.ResumeBox__link {
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #c7c7c7;
    margin: 0 15px;
    padding: 15px;
    font-size: 20px
}

    .ResumeBox__link .Button {
        padding-left: 5px
    }

.InfoItem {
    font-size: 14px;
    padding: 15px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .InfoItem:nth-child(4) {
        border-left-color: rgba(111,150,12,.92)
    }

    .InfoItem:nth-child(5) {
        border-left-color: #6f960c
    }

    .InfoItem:nth-child(6) {
        border-left-color: #6f960c
    }

.InfoItem__value {
    font-weight: 700
}

.InfoItem--highlight {
    position: relative;
    border-left: 5px solid #c7c7c7;
    background: #f9f9f9
}

    .InfoItem--highlight::before {
        position: absolute;
        content: "";
        top: 0;
        left: 10px;
        right: 15px;
        border-top: 1px solid #c7c7c7
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.AdditionalDriver__form .Button--link {
    margin-left: auto
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.ChangePasswordForm__form {
    display: grid;
    grid-gap: 0 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "title title" "old old" "new repeat" "button button"
}

@media only screen and (max-width:800px) {
    .ChangePasswordForm__form {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "old" "new" "repeat" "button"
    }
}

.ChangePasswordForm__form .TextField:nth-child(2) {
    grid-area: old
}

.ChangePasswordForm__form__title {
    grid-area: title;
    font-size: 30px;
    font-weight: 900
}

@media only screen and (max-width:800px) {
    .ChangePasswordForm__form__title {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 20px;
        margin: 10px 0
    }
}

.ChangePasswordForm__form .Button {
    grid-area: button;
    margin: 20px auto
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.ModifyBooking .flexRow-center {
    margin: 40px 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:1200px) {
    .ModifyBooking .flexRow-center .Button {
        margin: 5px 0;
        width: 100%
    }
}

.ModifyBox {
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    padding: 10px 20px;
    margin: 25px 0
}

.ModifyBox__title {
    font-size: 22px;
    margin: 10px 0;
    color: #57a7d2
}

.ModifyBox__block {
    margin-bottom: 40px
}

.ModifyBox__button {
    margin: 20px 0 20px auto
}

.BookingDatesCard {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.BookingDatesCard__title {
    font-size: 1rem;
    margin-bottom: 5px
}

.BookingDatesCard__buttons {
    display: grid;
    grid-gap: 10px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    justify-items: stretch
}

@media only screen and (max-width:1200px) {
    .BookingDatesCard__buttons {
        grid-template-rows: 1fr;
        grid-template-columns: 1fr
    }
}

.BookingDatesCard__buttons .TimePicker,
.BookingDatesCard__buttons .DatePicker {
    width: 100%;
    height: 50px
}

.BookingDatesCard__buttons .DatePicker__input {
    min-height: 45px
}

.BookingDatesCard__buttons .Button {
    margin: 0
}

    .BookingDatesCard__buttons .Button:before {
        position: absolute;
        left: 10px
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Account {
    padding: 20px;
    margin-bottom: 75px;
    display: grid;
    grid-gap: 30px
}

@media only screen and (max-width:1200px) {
    .Account {
    }
}

@media only screen and (max-width:800px) {
    .Account {
        padding: 10px;
        grid: none
    }

    .ModifyBooking {
        padding: 0px;
    }

    .ModifyBox {
        padding: 10px 10px;
    }

    .ResumeBox.mobScreen {
        grid-row: 3 !important;
        grid-column: 1/6 !important
    }

    .Account__welcomeMessage {
        grid-row: 1 !important;
        grid-column: 1/6 !important
    }

    .Account a.Button.mobScreen {
        grid-row: 2 !important;
        grid-column: 1/6 !important
    }

    .ProfileDataForm {
        grid-row: 4 !important;
        grid-column: 1/6 !important
    }

    .MyCoupons,
    .MyBookings,
    .ModifyBooking,
    .ChangeDataForm,
    .CancelBooking {
        grid-row: 2 !important;
        grid-column: 1/6 !important
    }
}

@media only screen and (max-width:1200px) {
    .MyCoupons div.Table .Table__header.deskview {
        display: none
    }

    .MyCoupons div.Table .Table__rowWrapper {
        display: grid
    }

    .MyCoupons .div.Table .Table__rowWrapper .Table__header.mobview {
        display: flex;
        width: 50%
    }
}

.MyCoupons div.Table .Table__header__item,
.MyCoupons div.Table .Table__row__item {
    min-width: 130px;
    font-size: 12px;
    text-align: center
}

.MyCoupons div.Table .Table__rowWrapper .Table__row {
    padding: 13px 20px
}

.Account__welcomeMessage_content1 {
    background: rgba(253,178,58,.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-left: 8px solid #fdb23a;
    padding: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-animation: showMessage 500ms ease-in-out forwards;
    -moz-animation: showMessage 500ms ease-in-out forwards;
    -o-animation: showMessage 500ms ease-in-out forwards;
    animation: showMessage 500ms ease-in-out forwards
}

.infoInfo2 {
    margin-top: 20px
}

.Account__welcomeMessage_content2 {
    background: rgba(253,178,58,.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-left: 8px solid #fdb23a;
    padding: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-animation: showMessage 500ms ease-in-out forwards;
    -moz-animation: showMessage 500ms ease-in-out forwards;
    -o-animation: showMessage 500ms ease-in-out forwards;
    animation: showMessage 500ms ease-in-out forwards
}

.Account__welcomeMessage {
    grid-row: 2;
    grid-column: 1/6
}

@-webkit-keyframes showMessage {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes showMessage {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes showMessage {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes showMessage {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Account__welcomeMessage .regularIcon {
    cursor: pointer
}

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

.Account__welcomeMessage__userName {
    margin: 0
}

@media only screen and (max-width:800px) {
    .Account__welcomeMessage__userName {
        font-size: 18px
    }
}

.Account__title {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: .5px
}

@media only screen and (max-width:800px) {
    .Account__title {
        margin: 0
    }
}

.Account__extraInfo {
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #e6e5ea;
    font-weight: 700;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    grid-row: 1;
    grid-column: 1/6
}

.Account__extraInfo__phone {
    margin-left: 15px;
    font-weight: 400
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Footer {
    min-height: 300px;
    width: 100%;
    background: #f9f9f9;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width:800px) {
    .Footer {
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 25px
    }
}

.Footer__logo {
    margin: 0 0 0 100px;
    width: 103px;
    height: 103px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width:800px) {
    .Footer__logo {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin: 0;
        width: 50px;
        height: 50px
    }
}

.Footer__icon {
    display: inline-block;
    fill: #c7c7c7;
    margin-right: 8px;
    width: 20px;
    height: 20px
}

.Footer__link {
    font-weight: 700
}

.Footer__link,
.Footer__item {
    font-size: 14px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    min-height: 35px
}

.Footer__links {
    -webkit-flex-grow: 2;
    -moz-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 100px
}

@media only screen and (max-width:800px) {
    .Footer__links {
        padding: 0 20px;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.Footer__links__list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px
}

@media only screen and (max-width:800px) {
    .Footer__links__list {
        margin: 0;
        height: auto;
        text-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.Footer__links__list--contact {
    margin-left: 153px
}

@media only screen and (max-width:1200px) {
    .Footer__links__list--contact {
        margin-left: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.Footer__links__list--nav {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: repeat(5,1fr);
    grid-gap: 0 150px
}

@media only screen and (max-width:800px) {
    .Footer__links__list--nav {
        grid-gap: 0 30px
    }
}

@media only screen and (max-width:320px) and (max-height:568px) {
    .Footer__links__list--nav {
        grid: none;
        place-items: center
    }
}

@media only screen and (max-width:800px) {
    .Footer__links__list--social {
        height: 100px;
        width: 100%
    }
}

.Footer__bottom {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #e6e5ea;
    padding: 20px 100px
}

@media only screen and (max-width:800px) {
    .Footer__bottom {
        text-align: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px 20px
    }
}

.Footer__bottom__small {
    font-size: 12px
}

.Footer__bottom__small__link {
    font-size: 12px
}

    .Footer__bottom__small__link:nth-child(1)::after,
    .Footer__bottom__small__link:nth-child(2)::after {
        content: "\2022";
        padding: 0 5px;
        color: inherit
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.DropdownLang {
    position: relative;
    margin: 0
}

.DropdownLang__button {
    padding: 7px 12px;
    font-size: 16px;
    width: 100%;
    letter-spacing: .4px;
    text-transform: capitalize;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:800px) {
    .DropdownLang__button {
        padding: 0
    }
}

.DropdownLang__button .regularIcon:last-child {
    margin-left: auto
}

.DropdownLang .wrapperContent--desktop {
    z-index: 1;
    position: absolute;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 5px
}

@media only screen and (max-width:800px) {
    .DropdownLang .wrapperContent--desktop {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.DropdownLang__content {
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    border: 1px solid #e6e5ea
}

.LangOption {
    cursor: pointer;
    width: 100%
}

.LangOption__link {
    padding: 10px 0 10px 10px;
    margin-right: 10px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-transform: capitalize
}

.LangOption .regularIcon--fillWhite {
    margin: 0 0 0 auto
}

.LangOption:hover {
    background: #fdb23a
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Header {
    z-index: 5;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    min-height: 127px;
    padding-top: 10px;
    background: #fff;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media only screen and (max-width:800px) {
    .Header {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: auto;
        height: 80px;
        padding: 15px;
        background: #f9f9f9;
        -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
        -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
        box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
        position: relative
    }
}

.Header__hamburgerMenu {
    height: 30px;
    width: 30px;
    padding: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:800px) {
    .Header__hamburgerMenu {
        display: none
    }

    .Header__nav {
        display: none
    }
}

@media only screen and (max-width:800px) {
    .Header__options > a {
        display: none
    }
}

.Header__logo {
    position: absolute;
    bottom: 0;
    left: 100px;
    height: 103px;
    width: 103px;
    margin: 0
}

@media only screen and (max-width:800px) {
    .Header__logo {
        left: 50%;
        position: absolute;
        height: 50px;
        width: 50px;
        top: 10px;
        margin-left: -25px
    }

    .DropdownLang {
        margin-top: 20px
    }
}

.Header__options,
.Header__nav {
    padding: 20px 100px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:800px) {
    .Header__options,
    .Header__nav {
        padding: 0;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.Header__nav {
    padding: 20px 100px 20px 203px;
    min-height: 60px;
    background: #f9f9f9
}

@media only screen and (max-width:800px) {
    .Header__nav {
        display: none
    }
}

.Header__nav--responsive {
    background: #fff;
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-box-shadow: inset 0 10px 15px -15px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 10px 15px -15px rgba(0,0,0,.4);
    box-shadow: inset 0 10px 15px -15px rgba(0,0,0,.4);
    -webkit-animation: show 400ms ease-in-out forwards;
    -moz-animation: show 400ms ease-in-out forwards;
    -o-animation: show 400ms ease-in-out forwards;
    animation: show 400ms ease-in-out forwards
}

.Header__nav--responsive__links {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    padding: 20px
}

    .Header__nav--responsive__links .Button {
        min-height: 45px;
        width: 100%;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

.Header__nav--responsive__buttons {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

    .Header__nav--responsive__buttons .Button {
        margin: 10px;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 50%;
        border: 1px solid #e6e5ea
    }

        .Header__nav--responsive__buttons .Button:hover {
            background-color: #e6e5ea;
            color: #000
        }

.Header__nav--responsive__accountButtons {
    width: 100%;
    margin-top: auto
}

    .Header__nav--responsive__accountButtons .Button {
        width: 100%
    }

.LocationHome__text a {
    color: #e99002 !important
}

.Header .Header__link {
    font-weight: 700;
    font-size: 18px;
    color: #6f6f6f;
    margin-left: 25px;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

@media only screen and (max-width:800px) {
    .Header .Header__link {
        text-transform: uppercase;
        font-size: 16px;
        margin: 0;
        padding: 30px;
        color: #000;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #fdb23a
    }
}

.Header .Header__link:hover,
.Header .Header__link.linkActive {
    color: #fdb23a
}

.Lines {
    display: inline-block;
    width: 30px;
    height: 4px;
    margin: 3px 0;
    background: #303030;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

    .Lines.isMenuOpen:first-of-type {
        -webkit-transform: translate(0,6px) rotate(45deg);
        -moz-transform: translate(0,6px) rotate(45deg);
        -ms-transform: translate(0,6px) rotate(45deg);
        -o-transform: translate(0,6px) rotate(45deg);
        transform: translate(0,6px) rotate(45deg)
    }

    .Lines.isMenuOpen:nth-child(2) {
        display: none
    }

    .Lines.isMenuOpen:last-of-type {
        -webkit-transform: translate(0,-4px) rotate(-45deg);
        -moz-transform: translate(0,-4px) rotate(-45deg);
        -ms-transform: translate(0,-4px) rotate(-45deg);
        -o-transform: translate(0,-4px) rotate(-45deg);
        transform: translate(0,-4px) rotate(-45deg)
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.PageLayout {
    margin-bottom: 45px;
    padding: 45px 100px
}

@media only screen and (max-width:800px) {
    .PageLayout {
        padding: 30px 20px 10px 20px;
        margin-bottom: 0
    }
}

.PageLayout__subtitle {
    font-size: 30px;
    font-weight: 900;
    margin: 10px 0
}

@media only screen and (max-width:800px) {
    .PageLayout__subtitle {
        font-size: 20px
    }
}

.PageLayout__header {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 40px
}

@media only screen and (max-width:800px) {
    .PageLayout__header {
        text-align: center;
        margin-bottom: 15px
    }
}

.PageLayout__header__title {
    text-transform: uppercase;
    font-size: 36px;
    margin: 5px 0;
    max-width: 70%
}

@media only screen and (max-width:1200px) {
    .PageLayout__header__title {
        max-width: 100%
    }
}

@media only screen and (max-width:800px) {
    .PageLayout__header__title {
        max-width: 100%;
        font-size: 20px;
        line-height: 24px;
        margin: 0
    }
}
.DataCar {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
@media only screen and (max-width:800px) {
    .DataCar {
        grid-row: 2;
        grid-column: 1
    }

    .Card__actions {
        grid-row: 3;
        grid-column: 1
    }

    .Card__footer {
        grid-row: 4;
        grid-column: 1
    }
}

.errorpage_content a {
    color: orange
}

.PageLayout__header__subtitle {
    margin: 0;
    font-weight: lighter;
    font-size: 24px
}

@media only screen and (max-width:800px) {
    .PageLayout__header__subtitle {
        font-size: 16px;
        line-height: 20px
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.PayBooking {
    display: grid;
    grid-gap: 10px 30px;
    grid-template-columns: auto 370px;
    grid-template-rows: auto;
    margin-bottom: 20px
}

@media only screen and (max-width:800px) {
    .PayBooking {
        grid-template-columns: 1fr
    }
}

.PayBooking__aside__box {
    padding: 20px;
    background: #f9f9f9;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: 700
}

.PayBooking__aside__price {
    color: #e99002;
    font-size: 32px;
    font-weight: 900
}

.PayBooking__aside .Button {
    width: 100%;
    margin-top: 10px
}

.PayBooking__aside__logos {
    margin-top: 35px;
    height: 30px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .PayBooking__aside__logos img {
        width: 50px;
        -o-object-position: center;
        object-position: center
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Contact__link {
    color: #e99002;
    text-decoration: underline
}

.Contact__Carsbanner {
    min-height: 200px;
    padding: 50px 100px;
    background: #8dc5da;
    color: #fff;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.Contact__Carsbanner__title {
    font-size: 30px;
    width: 350px;
    line-height: 35px;
    margin: 30px 20px 30px 0
}

@media only screen and (max-width:1200px) {
    .Contact__Carsbanner__title {
        width: 100%
    }
}

.Contact__Carsbanner__cars {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Contact__Carsbanner__cars__img {
    font-weight: 700;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .Contact__Carsbanner__cars__img img {
        width: 140px;
        height: 90px
    }

.Contact__banner__footer {
    font-size: 18px
}

.Contact__banner__footer__title {
    margin: 15px 0 10px 0;
    font-size: 24px
}

.Contact__banner__footer__numbers span:nth-child(1):after {
    content: ":";
    margin: 0 10px
}

.Contact__offices {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: repeat(2,minmax(250px,1fr))
}

@media only screen and (max-width:800px) {
    .Contact__offices {
        grid-template-columns: 1fr
    }
}

.Contact__departments {
    margin: 50px 0;
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fill,minmax(20%,1fr));
    justify-items: center
}

@media only screen and (max-width:1200px) {
    .Contact__departments {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (max-width:800px) {
    .Contact__departments {
        grid-template-columns: 1fr;
        justify-items: start
    }
}

.OfficeContactCard {
    background: #fff;
    border: 1px solid #e6e5ea;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    padding: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.OfficeContactCard__title {
    margin: 10px 0;
    font-size: 24px
}

@media only screen and (max-width:1200px) {
    .OfficeContactCard__title {
        font-size: 20px
    }
}

.OfficeContactCard__text {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 18px;
    padding: 0 0 20px 0;
    margin: 20px 0;
    border-bottom: 1px solid #c7c7c7;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.OfficeContactCard__direction {
    white-space: pre-line
}

.OfficeContactCard__numbers {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 50px
}

.OfficeContactCard .Button {
    margin: 0 auto;
    width: 215px
}

.OfficeContactCard--page {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title image" "text image";
    width: 100%;
    margin-right: 10px
}

@media only screen and (max-width:800px) {
    .OfficeContactCard--page {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "text" "image"
    }
}

.OfficeContactCard--page .OfficeContactCard__text {
    grid-area: text;
    border-bottom: none;
    margin-bottom: 0;
    padding: 0
}

.OfficeContactCard--page .OfficeContactCard__map {
    grid-area: image;
    max-width: 300px;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:800px) {
    .OfficeContactCard--page .OfficeContactCard__map {
        place-self: center
    }
}

.DepartmentContactCard {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width:800px) {
    .DepartmentContactCard {
        width: 100%;
        border-bottom: 1px solid #e6e5ea
    }
}

.DepartmentContactCard__title {
    margin: 10px 0;
    font-size: 24px
}

@media only screen and (max-width:800px) {
    .DepartmentContactCard__title {
        font-size: 20px
    }
}

.DepartmentContactCard__text {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 18px;
    margin: 20px 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.CentralOffice__data {
    margin-bottom: 70px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1200px) {
    .CentralOffice__data {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.CentralOffice__data__aside {
    width: 40%;
    margin-left: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:1200px) {
    .CentralOffice__data__aside {
        margin: 20px 0;
        width: 100%
    }
}

.CentralOffice__data__aside__highlight {
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    color: #57a7d2;
    font-weight: 700
}

@media only screen and (max-width:800px) {
    .CentralOffice__data__aside__highlight {
        text-align: center;
        font-size: 18px;
        line-height: normal;
        line-height: initial
    }
}

.CentralOffice__data__aside__schedule {
    font-size: 24px;
    margin: 10px 0;
    font-weight: 100
}

@media only screen and (max-width:800px) {
    .CentralOffice__data__aside__schedule {
        font-size: 18px;
        text-align: center
    }
}

.CentralOffice__data__aside .fieldClearing {
    margin: 70px 0 0 0
}

@media only screen and (max-width:800px) {
    .CentralOffice__data__aside .fieldClearing {
        margin: 10px 0
    }
}

.CentralOffice__banner__list__item {
    padding-left: 20px;
    list-style: inside
}

.OfficeView {
    padding: 40px 0;
    margin-bottom: 45px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1200px) {
    .OfficeView {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
}

.OfficeView__media {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-right: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width:1200px) {
    .OfficeView__media {
        margin-right: 0;
        margin-bottom: 30px
    }
}

.OfficeView__media__text {
    color: #6f6f6f;
    margin: 0 0 20px 0
}

@media only screen and (max-width:1200px) {
    .OfficeView__media__text {
        text-align: center
    }
}

@media only screen and (max-width:1200px) {
    .OfficeView__media__googleView,
    .OfficeView__media__video {
        width: 100%
    }
}

.OfficeView__comment {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.OfficeView__comment__title {
    font-size: 24px;
    margin: 0 0 20px 0
}

@media only screen and (max-width:800px) {
    .OfficeView__comment__title {
        font-size: 18px
    }
}

.OfficeView__comment__box {
    background: #f9f9f9;
    padding: 20px
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.FuengirolaOffice__text {
    font-size: 18px
}

@media only screen and (max-width:1200px) {
    .FuengirolaOffice__text {
        text-align: center;
        font-size: 16px;
        width: 100%
    }
}

.FuengirolaOffice__data {
    margin-bottom: 70px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1200px) {
    .FuengirolaOffice__data {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.FuengirolaOffice__data__aside {
    width: 40%
}

@media only screen and (max-width:1200px) {
    .FuengirolaOffice__data__aside {
        margin-top: 30px;
        width: 100%
    }
}

.ScheduleCard {
    padding: 20px;
    border: 1px solid #e6e5ea;
    width: 100%
}

.ScheduleCard__title {
    margin: 5px 0;
    font-size: 24px
}

.ScheduleCard__subtitle {
    color: #6f6f6f
}

.ScheduleCard__text {
    margin: 25px 0 0 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.InfoCard {
    overflow: hidden;
    width: 100%;
    height: 290px;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:1200px) {
    .InfoCard {
        max-width: 100%;
        height: 100%;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content
    }
}

.InfoCard__img {
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    overflow: hidden;
    position: relative;
    min-width: 270px;
    width: 40%
}

@media only screen and (max-width:1200px) {
    .InfoCard__img {
        min-width: 100%;
        width: 100%;
        height: 170px
    }
}

.InfoCard__img img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 70%
}

@media only screen and (max-width:1200px) {
    .InfoCard__img img {
        -o-object-position: right;
        object-position: right;
        height: 100%;
        width: 80%
    }
}

.InfoCard__img__text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 45%;
    -webkit-clip-path: ellipse(85% 74% at 71% 76%);
    clip-path: ellipse(85% 74% at 71% 76%);
    background: -webkit-gradient(linear,left bottom,left top,from(#e99002),to(#fdb23a));
    background: -webkit-linear-gradient(bottom,#e99002,#fdb23a);
    background: -moz-linear-gradient(bottom,#e99002,#fdb23a);
    background: -o-linear-gradient(bottom,#e99002,#fdb23a);
    background: linear-gradient(to top,#e99002,#fdb23a);
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (max-width:1200px) {
    .InfoCard__img__text {
        -webkit-clip-path: circle(74.3% at 100% 49%);
        clip-path: circle(74.3% at 100% 49%);
        font-size: 16px;
        top: 0;
        left: unset;
        width: 60%;
        height: 100%;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 10px 10px 25%
    }
}

.InfoCard__mini-text {
    text-align: center;
    color: #303030
}

.InfoCard__texts {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px
}

    .InfoCard__texts .Button {
        margin: 15px 0
    }

.InfoCard__texts__wrapper {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-height: 240px;
    overflow-y: auto
}

    .InfoCard__texts__wrapper::-webkit-scrollbar-thumb {
        background: transparent;
        -webkit-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out
    }

    .InfoCard__texts__wrapper:hover::-webkit-scrollbar-thumb {
        background: #fdb23a;
        -webkit-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out
    }

@media only screen and (max-width:1200px) {
    .InfoCard__texts__wrapper {
        max-height: 100%
    }
}

.InfoCard--mini {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content
}

    .InfoCard--mini .InfoCard__img {
        min-width: 100%;
        width: 100%;
        height: 170px
    }

        .InfoCard--mini .InfoCard__img img {
            -o-object-position: -25px 50%;
            object-position: -25px 50%;
            height: 100%;
            width: 80%
        }

    .InfoCard--mini .InfoCard__img__text {
        -webkit-clip-path: circle(74.3% at 100% 49%);
        clip-path: circle(74.3% at 100% 49%);
        font-size: 16px;
        top: 0;
        left: unset;
        width: 60%;
        height: 100%;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 10px 10px 25%
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Offers-grid {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr
}

@media only screen and (max-width:800px) {
    .Offers-grid {
        grid-template-columns: 1fr
    }
}

.OffersLayout__subtitle {
    font-size: 30px;
    font-weight: 900;
    margin: 10px 0
}

@media only screen and (max-width:800px) {
    .OffersLayout__subtitle {
        font-size: 20px
    }
}

.OffersLayout__otherOffers {
    margin: 50px 0
}

.OffersLayout__otherOffers__cards {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(30%,1fr));
    grid-template-rows: auto;
    grid-gap: 20px
}

@media only screen and (max-width:800px) {
    .OffersLayout__otherOffers__cards {
        grid-template-columns: 1fr
    }
}

.OffersLayout__otherOffers__title {
    font-size: 24px
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.FreeTopGroupOffer__text {
    font-size: 18px
}

@media only screen and (max-width:800px) {
    .FreeTopGroupOffer__text {
        font-size: 16px;
        margin: 0
    }
}

.FreeTopGroupOffer__cards {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fill,minmax(440px,1fr));
    margin: 50px 0
}

@media only screen and (max-width:800px) {
    .FreeTopGroupOffer__cards {
        margin: 20px 0;
        grid-template-columns: repeat(auto-fill,minmax(300px,1fr))
    }
}

.CarCompareCard {
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    border: 1px solid #e6e5ea;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    width: 100%
}

@media only screen and (max-width:800px) {
    .CarCompareCard {
        padding: 10px
    }
}

.CarCompareCard__title {
    color: #57a7d2;
    font-size: 24px;
    text-align: center;
    margin: 10px 0;
    padding: 0 30px
}

@media only screen and (max-width:800px) {
    .CarCompareCard__title {
        padding: 0;
        font-size: 18px
    }
}

.CarCompareCard__cars {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0;
    padding: 0 30px
}

@media only screen and (max-width:800px) {
    .CarCompareCard__cars {
        padding: 0
    }
}

.CarCompareCard__cars img {
    width: 45%;
    max-width: 200px;
    height: 100px;
    -o-object-position: center;
    object-position: center
}

.CarCompareCard__footer {
    border-top: 1px solid #e6e5ea;
    text-align: center;
    min-height: 60px
}

.CarCompareCard__footer__text {
    color: #6f6f6f;
    margin-bottom: 0;
    padding: 0 30px
}

@media only screen and (max-width:800px) {
    .CarCompareCard__footer__text {
        padding: 0
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.EarlyBirdOffer__img {
    height: 150px;
    max-width: 100%
}

.EarlyBirdOffer__boxes {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0
}

@media only screen and (max-width:800px) {
    .EarlyBirdOffer__boxes {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.EarlyBirdOffer__box {
    width: 50%;
    min-height: 150px;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    border: 1px solid #e6e5ea;
    padding: 20px;
    text-align: center;
    margin-bottom: 10px
}

    .EarlyBirdOffer__box:first-child {
        margin-right: 30px
    }

@media only screen and (max-width:800px) {
    .EarlyBirdOffer__box:first-child {
        margin-right: 0
    }
}

@media only screen and (max-width:800px) {
    .EarlyBirdOffer__box {
        width: 100%
    }
}

.EarlyBirdOffer__centralText {
    font-size: 20px;
    text-align: center;
    margin: 30px 0
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.FuelPolicyOffer__steps {
    margin: 50px 0;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr
}

@media only screen and (max-width:800px) {
    .FuelPolicyOffer__steps {
        grid-template-columns: 1fr;
        margin: 10px 0
    }
}

.FuelPolicyOffer__list {
    width: 70%;
    padding: 20px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

@media only screen and (max-width:1200px) {
    .FuelPolicyOffer__list {
        width: 100%
    }
}

@media only screen and (max-width:800px) {
    .FuelPolicyOffer__list {
        padding: 10px
    }
}

.FuelPolicyOffer__list__title {
    margin: 0 0 20px 0;
    color: #57a7d2;
    font-size: 24px
}

@media only screen and (max-width:800px) {
    .FuelPolicyOffer__list__title {
        cursor: pointer;
        font-size: 18px;
        margin: 0;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.FuelPolicyOffer__list .ListItem {
    margin-bottom: 20px
}

.FuelOfferSteps {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:800px) {
    .FuelOfferSteps {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.FuelOfferSteps__img {
    min-width: 180px;
    max-width: 180px;
    height: 120px
}

@media only screen and (max-width:800px) {
    .FuelOfferSteps__img {
        min-width: 120px;
        max-width: 120px
    }
}

.FuelOfferSteps__img img {
    -o-object-position: center;
    object-position: center
}

.FuelOfferSteps__text {
    text-align: center;
    min-height: 70px;
    color: #6f6f6f
}

@media only screen and (max-width:800px) {
    .FuelOfferSteps__text {
        text-align: left
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.QuickPickUpOffer__list {
    margin: 40px 0;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr
}

@media only screen and (max-width:1200px) {
    .QuickPickUpOffer__list {
        grid-template-columns: 1fr
    }
}

.QuickPickUpOffer__text {
    width: 60%;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 18px;
    text-align: center
}

@media only screen and (max-width:1200px) {
    .QuickPickUpOffer__text {
        width: 100%
    }
}

.QuickPickUpOffer__text--blue {
    font-size: 24px;
    color: #57a7d2;
    font-weight: 700
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Dropdown {
    position: relative;
    margin: 0 20px
}

    .Dropdown:hover > .Dropdown__button {
        color: #303030;
        border-color: #6f6f6f
    }

@media only screen and (max-width:1200px) {
    .Dropdown {
        margin: 0
    }
}

.Dropdown__button {
    cursor: pointer;
    border: 1px solid #e6e5ea;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    font-size: 16px;
    min-width: 137px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #6f6f6f
}

.Dropdown__content {
    border: 1px solid #e6e5ea;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09)
}

.Dropdown__content__option {
    cursor: pointer;
    padding: 10px 0 10px 10px
}

    .Dropdown__content__option:hover {
        background: #fdb23a
    }

.Dropdown .wrapperContent--desktop {
    position: absolute;
    right: 0;
    width: 100%
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Comments-Actions {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    -o-transform: translateY(-90px);
    transform: translateY(-90px)
}

    .Comments-Actions .Button {
        margin: 0
    }

@media only screen and (max-width:1200px) {
    .Comments-Actions {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 25px
    }
}

@media only screen and (max-width:800px) {
    .Comments-Actions {
        margin-bottom: 15px
    }
}

.marginleftspan {
    margin-left: 12px;
    color: #fdb23a
}

.Comments {
    background: #f9f9f9;
    padding: 20px;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fill,minmax(40%,1fr))
}

@media only screen and (max-width:800px) {
    .Comments {
        grid-template-columns: 1fr
    }
}

.Comments__links {
    margin: 30px 0;
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

    .Comments__links .InfoLink {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.RatingSelector {
    padding: 10px 15px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width:800px) {
    .RatingSelector {
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 7px
    }
}

.RatingSelector__title {
    font-size: 18px;
    margin: 0 0 10px 0
}

@media only screen and (max-width:800px) {
    .RatingSelector__title {
        line-height: 20px;
        font-size: 16px
    }
}

.RatingSelector__selectors {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:800px) {
    .RatingSelector__selectors {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.RatingBox {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden
}

@media only screen and (max-width:800px) {
    .RatingBox {
        width: 50%
    }
}

.RatingBox__input {
    display: none
}

    .RatingBox__input:checked + .RatingBox__label {
        background: #fdb23a;
        text-shadow: 0 0 .6px #000
    }

        .RatingBox__input:checked + .RatingBox__label .regularIcon svg {
            fill: #000
        }

.RatingBox__label {
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: 13px;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    border: 1px solid #e6e5ea;
    height: 50px;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

    .RatingBox__label .regularIcon {
        margin: 0 10px 0 0
    }

    .RatingBox__label:hover {
        background: #fdb23a;
        text-shadow: 0 0 .6px #000
    }

        .RatingBox__label:hover .regularIcon svg {
            fill: #000
        }

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.CommentForm__form {
    grid-area: form
}

.CommentForm__footer {
    margin: 40px 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1200px) {
    .CommentForm__footer {
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.CommentForm__footer__texts {
    width: 50%;
    margin-right: 40px
}

@media only screen and (max-width:1200px) {
    .CommentForm__footer__texts {
        width: 100%;
        margin-right: 0
    }
}

@media only screen and (max-width:1200px) {
    .CommentForm__footer__actions .Button {
        margin: 0 auto
    }
}

@media only screen and (max-width:800px) {
    .CommentForm__footer__actions .Button {
        width: 100%
    }
}

.CommentForm__footer__paragraph {
    font-size: 24px;
    font-weight: 700
}

@media only screen and (max-width:1200px) {
    .CommentForm__footer__paragraph {
        text-align: center
    }
}

.CommentForm__footer__textarea {
    width: 100%
}
.CommentSectionBig {
    display: grid;
    grid-gap: 0 40px;
    grid-template-columns: repeat(3, minmax(25%, 1fr));
    grid-template-rows: auto;
    -webkit-align-items: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    grid-template-areas:
        "title title title"
        "ratings ratings ratings"
        "form form form";
}

@media only screen and (max-width:800px) {
    .CommentSectionBig {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "ratings" "form"
    }
}
.CommentSection {
    display: grid;
    grid-gap: 0 40px;
    grid-template-columns: repeat(4,minmax(20%,1fr));
    grid-template-rows: auto;
    -webkit-align-items: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    grid-template-areas: "title title title title" "ratings ratings ratings ratings" "form form form form"
}

@media only screen and (max-width:1200px) {
    .CommentSection {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "ratings" "form"
    }
}

.CommentSection__ratings {
    grid-area: ratings;
    background: #f9f9f9;
    padding: 20px;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2,minmax(30%,1fr))
}

@media only screen and (max-width:1200px) {
    .CommentSection__ratings {
        grid-template-columns: 1fr
    }
}

@media only screen and (max-width:800px) {
    .CommentSection__ratings {
        padding: 10px
    }
}

.CommentSection__title {
    grid-area: title;
    font-size: 30px;
    font-weight: 900
}

@media only screen and (max-width:800px) {
    .CommentSection__title {
        font-size: 20px;
        margin: 10px 0
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Insurances {
    margin-bottom: -150px;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr
}

    .Insurances .FeatureCard:nth-child(3) {
        -webkit-transform: translateY(-215px);
        -moz-transform: translateY(-215px);
        -ms-transform: translateY(-215px);
        -o-transform: translateY(-215px);
        transform: translateY(-215px)
    }

@media only screen and (max-width:1200px) {
    .Insurances .FeatureCard:nth-child(3) {
        -webkit-transform: translateY(-285px);
        -moz-transform: translateY(-285px);
        -ms-transform: translateY(-285px);
        -o-transform: translateY(-285px);
        transform: translateY(-285px)
    }
}

.Insurances .FeatureCard:nth-child(5) {
    -webkit-transform: translateY(-365px);
    -moz-transform: translateY(-365px);
    -ms-transform: translateY(-365px);
    -o-transform: translateY(-365px);
    transform: translateY(-365px)
}

@media only screen and (max-width:1200px) {
    .Insurances .FeatureCard:nth-child(5) {
        -webkit-transform: translateY(-465px);
        -moz-transform: translateY(-465px);
        -ms-transform: translateY(-465px);
        -o-transform: translateY(-465px);
        transform: translateY(-465px)
    }
}

@media only screen and (max-width:800px) {
    .Insurances {
        margin-bottom: 0;
        grid-template-columns: 1fr
    }

        .Insurances .FeatureCard:nth-child(3),
        .Insurances .FeatureCard:nth-child(5) {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none
        }
}

.Insurances .FeatureCard__title {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 0
}

@media only screen and (max-width:800px) {
    .Insurances .FeatureCard__title {
        padding-bottom: 10px
    }
}

.Insurances .FeatureCard__text {
    margin-right: auto;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.CourtesyBus__intro {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "paragraph img" "article img"
}

@media only screen and (max-width:1200px) {
    .CourtesyBus__intro {
        grid-template-columns: 1fr;
        grid-template-areas: "paragraph" "article" "img"
    }
}

.CourtesyBus__intro__text {
    grid-area: paragraph;
    font-size: 20px;
    margin: 0 0 20px 0
}

@media only screen and (max-width:800px) {
    .CourtesyBus__intro__text {
        font-size: 18px;
        margin: 0
    }
}

.CourtesyBus__intro__subtitle {
    font-weight: 900;
    font-size: 30px
}

@media only screen and (max-width:800px) {
    .CourtesyBus__intro__subtitle {
        margin-top: 0;
        font-size: 20px
    }
}

.CourtesyBus__intro__paragraphs {
    grid-area: article;
    font-size: 18px
}

.CourtesyBus__intro__img {
    grid-area: img
}

    .CourtesyBus__intro__img img {
        -o-object-fit: cover;
        object-fit: cover
    }

.CourtesyBus__instructions {
    margin: 40px 0;
    padding: 25px;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width:800px) {
    .CourtesyBus__instructions {
        padding: 10px
    }
}

.CourtesyBus__instructions__box {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:1200px) {
    .CourtesyBus__instructions__box {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.CourtesyBus__instructions__box__aside {
    margin-left: 50px
}

@media only screen and (max-width:1200px) {
    .CourtesyBus__instructions__box__aside {
        margin: 0
    }
}

.CourtesyBus__instructions__box__img {
    width: auto;
    height: 250px
}

@media only screen and (max-width:460px) {
    .CourtesyBus__instructions__box__img {
        width: 100%;
        height: 250px
    }
}

.CourtesyBus__instructions__box__img img {
    -o-object-position: top;
    object-position: top
}

.CourtesyBus__instructions__box__title {
    margin: 0 0 20px 0;
    font-size: 24px;
    color: #57a7d2
}

@media only screen and (max-width:800px) {
    .CourtesyBus__instructions__box__title {
        cursor: pointer;
        margin: 0;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 18px
    }
}

.CourtesyBus__instructions__box__list {
    padding: 0
}

.CourtesyBus__instructions__media {
    margin-top: 40px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1200px) {
    .CourtesyBus__instructions__media {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.CourtesyBus__instructions__media__video {
    max-width: 100%;
    margin-bottom: 20px
}

@media only screen and (max-width:460px) {
    .CourtesyBus__instructions__media__video {
        height: auto
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.About__paragraph {
    font-size: 18px
}

.About__intro {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "article img"
}

@media only screen and (max-width:1200px) {
    .About__intro {
        grid-template-columns: 1fr;
        grid-template-areas: "article" "img"
    }
}

.About__features {
    background: #f9f9f9;
    padding: 50px 100px;
    margin-bottom: 50px
}

@media only screen and (max-width:800px) {
    .About__features {
        padding: 10px
    }
}

.About__features__subtitle,
.About__features__text {
    text-align: center
}

.About__features__text {
    font-size: 18px;
    width: 60%;
    margin: 20px auto
}

@media only screen and (max-width:1200px) {
    .About__features__text {
        width: 100%
    }
}

.About__media {
    margin-bottom: 70px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.About__video {
    max-width: 100%
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.FAQ {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr
}

@media only screen and (max-width:1200px) {
    .FAQ {
        grid-template-columns: 1fr
    }
}

.FAQ__filter {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px
}

    .FAQ__filter .Dropdown__button {
        min-width: 210px;
        padding: 5px;
        white-space: nowrap
    }

.FAQSection__title {
    font-size: 30px;
    font-weight: 900;
    margin: 25px 0
}

@media only screen and (max-width:800px) {
    .FAQSection__title {
        font-size: 18px;
        margin: 10px 0
    }
}

.FAQSection__box {
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e6e5ea;
    background: #fff;
    margin: 10px 0
}

.FAQSection__box__ask {
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 15px;
    margin: 0;
    font-size: 16px
}

.FAQSection__box__answer {
    padding: 10px 15px
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.HomeOwnersClub {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:1200px) {
    .HomeOwnersClub {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 50px
    }
}

.HomeOwnersClub__authText {
    font-size: 22px;
    margin: 20px 0;
    text-align: center
}

    .HomeOwnersClub__authText .black-highlight {
        margin-left: 10px
    }

.HomeOwnersClub__asks {
    margin: auto 30px auto 30px;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1200px) {
    .HomeOwnersClub__asks {
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 0
    }
}

.HomeOwnersClub__asks .Button {
    min-width: 250px;
    margin-bottom: 10px
}

.HomeOwnersClub__list {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.HomeOwnersClub__list__item {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    margin-bottom: 30px
}

@media only screen and (max-width:800px) {
    .HomeOwnersClub__list__item {
        font-size: 18px
    }
}

.HomeOwnersClub__list__item .regularIcon {
    margin: 0 10px 0 0;
    width: 50px;
    height: 50px
}

.HomeOwnersClub__box {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto;
    grid-template-areas: "list img" "footer footer";
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

@media only screen and (max-width:1200px) {
    .HomeOwnersClub__box {
        margin-top: 20px
    }
}

.HomeOwnersClub__box__list {
    grid-area: list;
    margin: 0;
    background: #fdb23a;
    padding-left: 30px
}

@media only screen and (max-width:800px) {
    .HomeOwnersClub__box__list {
        padding: 10px;
        margin: 0
    }
}

.HomeOwnersClub__box__list .ListItem {
    margin-bottom: 20px;
    font-size: 20px
}

@media only screen and (max-width:800px) {
    .HomeOwnersClub__box__list .ListItem {
        font-size: 16px;
        font-weight: 400
    }
}

.HomeOwnersClub__box__title {
    font-size: 30px
}

@media only screen and (max-width:800px) {
    .HomeOwnersClub__box__title {
        font-size: 20px;
        text-align: center;
        margin: 0
    }
}

.HomeOwnersClub__box__img {
    grid-area: img;
    height: 100%
}

@media only screen and (max-width:800px) {
    .HomeOwnersClub__box__img {
        display: none
    }
}

.HomeOwnersClub__box__img img {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 325px
}

.HomeOwnersClub__box__footer {
    grid-area: footer;
    padding: 20px 20px 20px 30px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:800px) {
    .HomeOwnersClub__box__footer {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px
    }
}

.HomeOwnersClub__box__footer__paragraph {
    margin: 0 0 0 15px
}

@media only screen and (max-width:800px) {
    .HomeOwnersClub__box__footer__paragraph {
        margin: 0
    }
}

.HomeOwnersClub__box__footer .black-highlight {
    white-space: nowrap;
    font-size: 18px
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Blog__firstEntry {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px
}

@media only screen and (max-width:1200px) {
    .Blog__firstEntry {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:1200px) {
    .Blog__firstEntry__aside {
        margin-top: 20px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.Blog__firstEntry__card {
    margin-right: 30px;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    border: 1px solid #e6e5ea;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto 60px;
    grid-template-areas: "img text text" "img  footer footer"
}

@media only screen and (max-width:1200px) {
    .Blog__firstEntry__card {
        margin-right: 0;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: "img" "text" "footer"
    }
}

.Blog__firstEntry__card__img {
    grid-area: img;
    max-width: 100%;
    min-width: 380px;
    height: 100%
}

    .Blog__firstEntry__card__img img {
        -o-object-fit: cover;
        object-fit: cover
    }

.Blog__firstEntry__card__text {
    grid-area: text;
    padding: 30px
}

@media only screen and (max-width:1200px) {
    .Blog__firstEntry__card__text {
        padding: 20px
    }
}

.Blog__firstEntry__card__text .BlogCard__text__title {
    margin-top: 0;
    font-weight: 900;
    font-size: 30px
}

.Blog__firstEntry__card__footer {
    border-top: 1px solid #e6e5ea;
    padding: 10px 0;
    margin: 0 30px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Blog__grid {
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(auto-fill,minmax(25%,1fr))
}

@media only screen and (max-width:1200px) {
    .Blog__grid {
        grid-template-columns: repeat(auto-fill,minmax(300px,1fr))
    }
}

@media only screen and (max-width:800px) {
    .Blog__grid {
        grid-template-columns: 1fr
    }
}

.PostRelated {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 280px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e5ea
}

.PostRelated__img {
    height: 80px;
    max-width: 80px;
    width: 100%
}

    .PostRelated__img img {
        -o-object-fit: cover;
        object-fit: cover
    }

.PostRelated__title {
    margin-left: 20px;
    color: #57a7d2;
    line-height: 24px;
    font-size: 20px
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.BlogPost {
    padding: 45px 100px;
    margin-bottom: 45px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1200px) {
    .BlogPost {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:800px) {
    .BlogPost {
        padding: 30px 20px 10px 20px;
        margin-bottom: 0
    }
}

.BlogPost__post {
    margin-right: 20px
}

@media only screen and (max-width:1200px) {
    .BlogPost__post {
        margin-right: 0
    }
}

.BlogPost__post__box {
    margin-bottom: 30px
}

    .BlogPost__post__box .BlogCard__text__title {
        font-size: 30px;
        margin: 15px 0;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

.BlogPost__post__img {
    height: 300px;
    margin-top: 15px
}

    .BlogPost__post__img img {
        -o-object-fit: cover;
        object-fit: cover
    }

.BlogPost__post__texts {
    padding: 20px;
    border: 1px solid #e6e5ea;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05)
}

@media only screen and (max-width:800px) {
    .BlogPost__post__texts {
        padding: 15px 10px
    }
}

.BlogPost__post__texts__principal {
    font-size: 24px;
    margin: 0
}

@media only screen and (max-width:800px) {
    .BlogPost__post__texts__principal {
        font-size: 16px
    }
}

.BlogPost__post__footer {
    border-top: 1px solid #e6e5ea;
    padding-top: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:800px) {
    .BlogPost__post__footer__wrapper {
        margin-bottom: 5px
    }
}

.BlogPost__post__footer__label {
    font-size: 14px;
    color: #6f6f6f;
    margin-right: 10px
}

.BlogPost__post__footer .InfoLabel {
    margin-right: 10px
}

@media only screen and (max-width:1200px) {
    .BlogPost__post__aside {
        margin-top: 40px;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.BlogPost__form {
    display: grid;
    grid-gap: 15px 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "title title" "textfield textfield" "textarea textarea" "button ."
}

@media only screen and (max-width:800px) {
    .BlogPost__form {
        grid-template-columns: 1fr;
        grid-template-areas: "title " "textfield" "textfield" "textarea" "button"
    }
}

.BlogPost__form__title {
    grid-area: title;
    font-size: 24px;
    margin: 0
}

.BlogPost__form__textarea {
    grid-area: textarea;
    width: 100%
}

.BlogPost__form .Button {
    width: 270px
}

@media only screen and (max-width:800px) {
    .BlogPost__form .Button {
        width: 100%
    }
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Legal {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 20px
}

@media only screen and (max-width:800px) {
    .Legal {
        grid-template-columns: 1fr
    }
}

.Legal__article {
    margin-bottom: 30px
}

.Legal__subtitle {
    margin: 0;
    font-size: 24px
}

@media only screen and (max-width:800px) {
    .Legal__subtitle {
        font-size: 18px
    }
}

.Legal__link {
    color: #57a7d2
}

.Legal__boldUnderline {
    font-weight: 900;
    text-decoration: underline
}

.Legal__list__item {
    max-width: 360px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px 0;
    border-bottom: 1px solid #e6e5ea
}

    .Legal__list__item:last-of-type {
        border-bottom: none
    }

.Legal__list__item--simple {
    padding-left: 20px;
    list-style: inside
}

    .Legal__list__item--simple:first-of-type {
        margin-top: 20px
    }

.Legal__list__number {
    color: #57a7d2;
    font-weight: 700;
    font-size: 18px
}

.Legal__list__title {
    margin: 0 25px 0 0
}

.Legal__list__paragraph {
    margin: 0
}

.Legal--TermAndconditions {
    grid-template-columns: auto auto auto
}

@media only screen and (max-width:1200px) {
    .Legal--TermAndconditions {
        grid-template-columns: auto
    }
}

.Legal--TermAndconditions .Legal__list__item {
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%
}

.ExpandBox {
    margin-bottom: 15px;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    cursor: pointer;
    padding: 7px 12px;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #e6e5ea
}

    .ExpandBox:hover {
        border-color: #000
    }

.ExpandBox__title {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes show {
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes show {
    100% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (max-width:800px) {
    body {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }
}

*::-webkit-scrollbar {
    width: 5px
}

*::-webkit-scrollbar-track {
    background: transparent
}

*::-webkit-scrollbar-thumb {
    background: #fdb23a;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

a {
    text-decoration: none;
    outline: none;
    color: inherit
}

section.reservation-legal a {
    color: #fdb23a;
}

button,
input,
select {
    border: none;
    background: transparent;
    outline: none;
    cursor: pointer
}

    input[type="date"] {
        width: 120px;
        min-height: 35px;
        height: 100%
    }

        input[type="date"]::-webkit-inner-spin-button {
            display: none
        }

        input[type="date"]::-webkit-calendar-picker-indicator {
            position: absolute;
            top: 0;
            left: 0;
            right: 30%;
            bottom: 0;
            opacity: 0;
            background: transparent;
            color: transparent;
            cursor: pointer;
            height: auto;
            width: auto
        }

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0
}

figure {
    margin: 0
}

h1,
h2,
h3,
h4 {
    line-height: 35px
}

.app {
    line-height: 24px;
    max-width: 1440px;
    margin: 0 auto;
    font-family: "Lato",sans-serif
}

textarea {
    font-size: 16px;
    max-width: 100%;
    width: 100%;
    outline: none;
    resize: none;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e6e5ea;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

    textarea:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(87,167,210,.1);
        -moz-box-shadow: 0 0 0 4px rgba(87,167,210,.1);
        box-shadow: 0 0 0 4px rgba(87,167,210,.1);
        border-color: #57a7d2
    }

.bold {
    font-weight: 700
}

.orange-highlight {
    color: #d48200
}

.black-highlight {
    font-weight: bolder;
    color: #000
}

.blue-highlight {
    font-weight: bolder;
    color: #57a7d2
}

.flexRow-center {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

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

.section-list .fieldClearing {
    font-style: normal
}

.section-list .TextField {
    margin: 0
}

.section-list .TextField__label {
    display: none
}

.section-list__block {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-list__item {
    margin: 15px 0;
    line-height: 20px
}

.section-list__name {
    display: inline-block;
    font-weight: 700;
    margin-right: 10px;
    width: 185px
}

@media only screen and (max-width:1200px) {
    .section-list__name {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.section-list--grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px
}

@media only screen and (max-width:1200px) {
    .section-list--grid {
        grid-template-columns: 1fr
    }
}

.all-width-center {
    margin: 30px 0;
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .all-width-center .InfoLink {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }

.text-center {
    text-align: center
}

.fieldClearing {
    font-style: italic;
    color: #8c8c8c;
    font-size: 16px;
    margin: 10px 0;
    pointer-events: none
}

.regularIcon2 {
    display: contents;
    width: 24px;
    height: 24px;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

    .regularIcon2 img {
        width: 24px;
        height: 24px
    }

.regularIcon2--validate {
    height: 35px;
    width: 35px
}

.regularIcon2--flag {
    margin: 0 7px 0 0;
    width: 19px;
    height: 19px
}

.regularIcon2--fillWhite {
    fill: #fff;
    margin-left: auto
}

.regularIcon {
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

    .regularIcon img {
        width: 24px;
        height: 24px
    }

.regularIcon--validate {
    height: 35px;
    width: 35px
}

.regularIcon--flag {
    margin: 0 7px 0 0;
    width: 18px;
    height: 18px
}

.regularIcon--fillWhite {
    fill: #fff;
    margin-left: auto
}

.boxLAyout {
    padding: 20px 100px
}

@media only screen and (max-width:800px) {
    .boxLAyout {
        padding: 20px
    }
}

.boxLAyout__box {
    padding: 30px;
    margin: 30px auto;
    -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
    box-shadow: 0 4px 20px rgba(24,31,77,.09);
    width: 550px
}

@media only screen and (max-width:800px) {
    .boxLAyout__box {
        padding: 0;
        width: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
}

.boxLAyout__title {
    font-size: 36px;
    margin-bottom: 0;
    text-transform: uppercase
}

@media only screen and (max-width:800px) {
    .boxLAyout__title {
        font-size: 24px;
        text-align: center
    }
}

.boxLAyout__subtitle {
    display: inline-block;
    color: #303030;
    font-weight: 100;
    font-size: 24px
}

@media only screen and (max-width:800px) {
    .boxLAyout__subtitle {
        font-size: 18px;
        text-align: center;
        width: 100%
    }
}

.wrapperContent {
    -webkit-transition: max-height 600ms ease-in-out;
    -o-transition: max-height 600ms ease-in-out;
    -moz-transition: max-height 600ms ease-in-out;
    transition: max-height 600ms ease-in-out
}

@media only screen and (max-width:800px) {
    .wrapperContent {
        -webkit-box-shadow: 0 4px 20px rgba(24,31,77,.09);
        -moz-box-shadow: 0 4px 20px rgba(24,31,77,.09);
        box-shadow: 0 4px 20px rgba(24,31,77,.09);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #fff;
        max-height: 0;
        overflow: hidden
    }

        .wrapperContent.isOpen {
            max-height: 900px
        }
}

.wrapperContent--desktop {
    overflow: hidden;
    -webkit-transition: max-height 400ms ease-in-out;
    -o-transition: max-height 400ms ease-in-out;
    -moz-transition: max-height 400ms ease-in-out;
    transition: max-height 400ms ease-in-out
}

.Modal {
    display: none
}

    .Modal.open {
        display: flex
    }

@media only screen and (max-width:800px) {
    .Banner {
        display: inline-block;
        width: 100%
    }

    .Banner__title {
        width: 50%;
        float: left;
        height: 45px
    }

    .Banner__items {
        width: 50%;
        display: contents
    }

    .Banner__list {
        display: none
    }
}

.flag.en {
    background-image: url(/assets/icons/flags/en_flag.svg)
}

.flag.es {
    background-image: url(/assets/icons/flags/es_flag.svg)
}

.flag.dk {
    background-image: url(/assets/icons/flags/da_flag.svg)
}

.flag.de {
    background-image: url(/assets/icons/flags/de_flag.svg)
}

.flag.fr {
    background-image: url(/assets/icons/flags/fr_flag.svg)
}

.flag.nl {
    background-image: url(/assets/icons/flags/nl_flag.svg)
}

.flag.no {
    background-image: url(/assets/icons/flags/no_flag.svg)
}

.language .DropdownLang__button span.flag {
    margin: 0 7px 0 0;
    width: 18px;
    height: 18px
}

@media only screen and (max-width:800px) {
    .language-text {
        display: none
    }
}

.regularIcon-updown {
    background-image: url(../assets/icons/down.svg);
    display: inline-block;
    margin-left: 10px;
    width: 24px;
    height: 24px;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

    .regularIcon-updown:hover {
        transform: rotate(180deg)
    }

.hidden {
    display: none !important
}

.hidden-overflow {
    overflow: hidden !important
}

.openDropdown {
    max-height: 300px !important
}

.children {
    display: none
}

.visible {
    display: block !important
}

.errormessage {
    color: red;
    width: 100%;
    border: 1px solid red;
    margin: 10px 0 0 0;
    display: block;
    text-align: center;
    padding: 5px
}

.successmessage {
    text-align: right;
    color: green
}

.Checkbox__input input[type="checkbox"]:checked + .Checkbox__label::before {
    content: "\2713"
}

.InfoLink:hover > .InfoLink__iconRight {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px)
}

.InfoLink:hover > .InfoLink__iconLeft {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px)
}

.reservation-legal {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    height: auto
}

@media only screen and (max-width:800px) {
    .reservation-legal {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

@media only screen and (max-width:425px) {
    .reservation-legal {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

.g-recaptcha {
    display: inherit
}

.listIcon {
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)
}

.errorInfo {
    padding: 5px 10px;
    margin-top: 30px;
    margin-bottom: 15px
}

.InfoMessage {
    grid-area: message;
    background: rgba(58,82,253,.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-animation: showMessage 500ms ease-in-out forwards;
    -moz-animation: showMessage 500ms ease-in-out forwards;
    -o-animation: showMessage 500ms ease-in-out forwards;
    animation: showMessage 500ms ease-in-out forwards;
    border: 1px solid #57a7d2;
    border-left: 8px solid #57a7d2
}

.ErrorMessage {
    grid-area: message;
    background: rgba(253,178,58,.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-left: 8px solid #fdb23a;
    padding: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-animation: showMessage 500ms ease-in-out forwards;
    -moz-animation: showMessage 500ms ease-in-out forwards;
    -o-animation: showMessage 500ms ease-in-out forwards;
    animation: showMessage 500ms ease-in-out forwards;
    border: 1px solid #fdb23a;
    border-left: 8px solid #fdb23a
}

.errorInfoSection {
    display: flex
}

    .errorInfoSection img {
        width: 60px;
        margin: auto 0 auto 0
    }

.errorInfoLbl {
    margin: auto auto auto 25px;
    font-size: 18px
}

.infoInfo {
    margin: 20px 0 10px 0
}

.infoInfoSection {
    display: flex
}

.Modal__box__loading_content {
    margin: auto;
    min-height: 300px
}

    .Modal__box__loading_content img {
        width: auto;
        padding: 50px
    }

.infoInfoSection img {
    width: 60px;
    margin: auto 0 auto 0
}

.infoInfoSection_mini {
    display: flex
}

    .infoInfoSection_mini img {
        width: 35px;
        margin: auto 0 auto 0
    }

.infoInfoLbl {
    margin: auto auto auto 20px;
    font-size: 16px;
    line-height: 20px
}

.info-text {
    color: #fff;
    position: absolute;
    top: 60%;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 40%;
    display: flex;
    text-align: center;
    font-weight: 700;
    padding: 10px;
    font-size: 24px
}

.info-textB {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 35%;
    height: 100%;
    display: flex;
    text-align: center;
    font-weight: 700;
    padding: 10px;
    font-size: 16px
}

.svginfoB {
    display: block
}

.svginfo {
    display: block
}

.svginfomob {
    display: none
}

@media only screen and (max-width:1200px) {
    .info-text {
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        width: 35%;
        height: 100%;
        display: flex;
        text-align: center;
        font-weight: 700;
        padding: 10px;
        font-size: 16px
    }

    .svginfo {
        display: none
    }

    .svginfomob {
        display: block
    }
}

#datos_vuelo {
    display: none
}

.btnBook-Car:hover {
    color: #ffffff !important
}

@media only screen and (max-width:800px) {
    .home-asside-list {
        margin-top: 50px
    }

    .home-tab {
        display: block
    }

        .home-tab .Tab__nav__item {
            width: 100%
        }

    .BannerCard__img {
        width: 100%
    }

    .FuelPolicyOffer__list__title .regularIcon2 {
        display: block !important
    }

    .home-feature .regularIcon2 {
        display: block !important
    }

    .home-aside .regularIcon2 {
        display: block !important
    }
}

.img_index_last .BannerCard__img {
    left: 0
}

.FuelPolicyOffer__list__title .regularIcon2 {
    display: none
}

.home-feature .regularIcon2 {
    display: none
}

.home-aside .regularIcon2 {
    display: none
}

#lblPageError a {
    color: #fdb23a !important
}

.datepicker_mobile {
    width: 320px !important;
    min-width: 320px !important
}

@media only screen and (max-width:360px) {
    .datepicker_mobile {
        width: auto !important;
        min-width: calc(100% - 40px) !important;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.datepicker_mobile a.ui-datepicker-prev {
    border-top: 2px solid #fdb23a;
    border-right: 2px solid #fdb23a;
    transform: rotate(-135deg);
    position: absolute;
    top: 30%;
    left: 12px;
    height: 12px;
    width: 12px
}

.datepicker_mobile a.ui-datepicker-next {
    border-top: 2px solid #fdb23a;
    border-right: 2px solid #fdb23a;
    transform: rotate(45deg);
    position: absolute;
    top: 30%;
    right: 12px;
    height: 12px;
    width: 12px
}

.ui-datepicker-current-day {
    background-color: #29baff !important
}

    .ui-datepicker-current-day a {
        color: white !important
    }

.body-background {
    height: 100vh;
    overflow-y: hidden !important;
    position: fixed;
    width: 100%
}

.body-background {
    height: 100vh;
    overflow-y: hidden !important;
    position: fixed;
    width: 100%
}

.col-md-6 {
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.row {
    display: flex
}

    .row:after,
    .row:before {
        display: table;
        content: " "
    }

    .row:after {
        clear: both
    }

@media only screen and (max-width:800px) {
    .col-md-6 {
        width: 100%
    }

    .row {
        display: block
    }

        .row:after,
        .row:before {
            display: table;
            content: " "
        }

        .row:after {
            clear: both
        }
}

#pnlNotification {
    min-width: 100%
}

.pnldiscount_img img {
    max-height: 50px;
    min-width: 50px;
    max-width: 120px;
    float: right
}

.Legal a {
    color: #fdb23a
}

@media only screen and (max-width:480px) {
    .edit-icon {
        width: 20px;
        height: 20px;
        fill: #fdb23a
    }
}
        .edit-icon:hover {
            fill: #000
        }

    .deskScreen {
        display: table-cell
    }

    .mobScreen {
        display: none
    }

    .deskview {
        display: flex
    }

    .mobview {
        display: none
    }


.Filters__tags {
    padding-bottom: 5px;
    margin-top: 10px
}

.InfoLabel_inner_icon {
    margin-right: 10px;
    pointer-events: all;
    cursor: pointer
}

    .InfoLabel_inner_icon path:hover {
        fill: black !important
    }

.Filter__deselect {
    margin: 0 10px;
    pointer-events: all;
    cursor: pointer;
    text-transform: uppercase
}

.Filter_Label {
    margin-right: 4px;
    margin-top: 5px;
    display: inline-block;
    min-width: 20px
}

.InfoLabel_inner {
    margin-right: 6px;
    margin-left: 10px
}

.deskScreenFlex {
    display: flex
}

@media only screen and (max-width:800px) {
    .Account__extraInfo {
        display: none
    }

    .deskScreen {
        display: none
    }

    .deskScreenFlex {
        display: none
    }

    .mobScreen {
        display: block
    }

    .deskview {
        display: none
    }

    .mobview {
        display: flex
    }
}

.errorInfoLbl a {
    color: orange
}

.scrollbar {
    overflow-y: auto;
    scrollbar-color: #fdb23a transparent;
    scrollbar-width: thin;
    height: inherit
}

.CargroupPicker {
    padding: 7px 10px;
    height: 44px;
    font-size: 18px;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    border: 1px solid #e6e5ea;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    width: 145px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.desglose-voucher {
    display: none
}

.Button--account2 {
    margin: 0 0 20px 0;
    color: #57a7d2
}

@media only screen and (max-width:800px) {
    .Button--account2 {
        display: none
    }
}



@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.btn-inactive {
    pointer-events: none !important;
    background-color: gray !important;
    border: gray !important
}

em {
    font-style: normal
}

.btn-notavailable {
    width: 100%;
    border: 2px solid #d7d7d7;
    height: 45px;
    color: #000;
    font-weight: 700
}

.SuccessMessageBox {
    grid-area: message;
    background: rgba(82,253,58,.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-left: 8px solid #5cfd3a;
    padding: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    -moz-box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    box-shadow: 0 2px 4px 2px rgba(24,31,77,.05);
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-animation: showMessage .5s ease-in-out forwards;
    -moz-animation: showMessage .5s ease-in-out forwards;
    -o-animation: showMessage .5s ease-in-out forwards;
    animation: showMessage .5s ease-in-out forwards
}

.datepickerbackground {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #0000007d;
    z-index: 10
}

.event_item {
    padding: 10px;
    background: #fff;
    box-sizing: border-box;
    resize: horizontal;
    overflow: auto;
    max-width: 100%;
    height: calc(34vw + 24px);
    width: 100%
}

@media only screen and (max-width:800px) {
    #CybotCookiebotDialog {
        max-height: calc(75%) !important;
        top: 62% !important
    }
}

#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #FDB23A !important
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline {
    background-color: #FFF !important;
    color: #fdb23a !important;
    border-color: #fdb23a !important
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #FDB23A !important;
    border-color: #FDB23A !important;
    color: #fff !important
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
    color: #FDB23A !important
}

#CybotCookiebotDialog form input[type="checkbox"][disabled]:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #D6D6D6 !important;
    pointer-events: none !important
}

#CybotCookiebotDialogDetailBulkConsentLink:hover {
    color: #FDB23A !important
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
    color: #FDB23A !important
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-bottom: 1px solid #FDB23A !important;
    color: #FDB23A !important
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a {
    color: #FDB23A !important
}

#CybotCookiebotDialogPoweredbyImage {
    content: url(/assets/img/carrentallogo256.jpg) !important;
}

@media screen and (min-width: 1280px) {
    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyImage {
        max-height: 9em !important;
    }
}
.rotate {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite
}

.WinterOfferBanner {
    background-image: url('/assets/img/winter.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    color: #123f73;
    display: flex;
    align-items: center;
    margin: 24px 0;
    overflow: hidden;
    height: 160px;
    padding: 18px 3.5%;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.WinterOfferBanner__content {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1420px;
    padding: 10px 24px;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 12px 24px;
    align-content: space-between;
    height: 100%;
    text-align: left;
    z-index: 1;
    width: 100%;
}

.WinterOfferBanner__title {
    color: #fff;
    font-size: clamp(24px, 3vw, 42px);
    font-weight: 700;
    line-height: 1.05;
    margin: 0;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .45);
}

.WinterOfferBanner__title--accent {
    color: #fff;
    font-weight: 900;
}

.WinterOfferBanner__validity {
    align-self: center;
    color: #fff;
    font-size: clamp(16px, 2vw, 27px);
    margin: 0;
    text-align: right;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .45);
}

.WinterOfferBanner__booking {
    background: #fff;
    border-radius: 7px;
    color: #111;
    display: inline-block;
    font-size: clamp(14px, 1.5vw, 22px);
    font-weight: 700;
    justify-self: start;
    margin: 0;
    padding: 5px 10px;
    text-transform: uppercase;
}

.WinterOfferBanner__benefit {
    background: #57a7d2;
    border-radius: 7px;
    color: #fff;
    font-size: clamp(16px, 1.7vw, 24px);
    font-weight: 700;
    justify-self: end;
    margin: 0;
    padding: 6px 12px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}

.WinterOfferBanner__benefit--accent {
    color: #fff;
}

.KeyExpressInfo__img {
    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .28));
}

.FeaturesHome__cards.home-feature {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media only screen and (max-width: 1250px) {
    .FeaturesHome__cards.home-feature {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.WinterOfferBanner:hover,
.WinterOfferBanner:focus {
    text-decoration: none;
}

@media (max-width: 640px) {
    .WinterOfferBanner {
        background-image: linear-gradient(rgba(0, 0, 0, .28), rgba(0, 0, 0, .28)),
            url('/assets/img/winter.jpg');
        background-position: 58% center;
        height: 285px;
        padding: 26px 18px;
    }

    .WinterOfferBanner__content {
        display: flex;
        flex-direction: column;
        gap: 0;
        justify-content: space-between;
        padding: 12px 4px;
        text-align: center;
    }

    .WinterOfferBanner__title {
        font-size: clamp(24px, 8vw, 34px);
        line-height: 1.08;
    }

    .WinterOfferBanner__validity {
        font-size: clamp(17px, 5vw, 23px);
        order: 2;
        text-align: center;
    }

    .WinterOfferBanner__booking {
        align-self: center;
        font-size: 14px;
        max-width: 100%;
        order: 3;
        padding: 6px 9px;
        width: fit-content;
    }

    .WinterOfferBanner__benefit {
        align-self: center;
        font-size: 16px;
        max-width: 100%;
        order: 4;
        padding: 7px 10px;
    }
}