* {
    font-family: 'Hurme Geometric Sans 3', 'Hurme Fallback', Arial, sans-serif;
    box-sizing: border-box
}

button,
span,
select,
option {
    all: unset;
    box-sizing: border-box
}

button:focus {
    outline: revert
}

select:focus {
    outline: none
}

@font-face {
    font-family: 'Hurme Geometric Sans 3';
    font-weight: 400;
    src: local("Hurme Geometric Sans 3 Regular"), url(./HurmeGeometricSans3-Regular.woff2) format("woff2")
}

@font-face {
    font-family: 'Hurme Geometric Sans 3';
    font-weight: 700;
    src: local("Hurme Geometric Sans 3 Bold"), url(./HurmeGeometricSans3-Bold.woff2) format("woff2")
}

@font-face {
    font-family: 'Hurme Geometric Sans 3';
    font-weight: 600;
    src: local("Hurme Geometric Sans 3 SemiBold"), url(./HurmeGeometricSans3-SemiBold.woff2) format("woff2")
}

@font-face {
    font-family: 'Hurme Geometric Sans 3';
    font-weight: 500;
    src: local("Hurme Geometric Sans 3 SemiBold"), url(./HurmeGeometricSans3-SemiBold.woff2) format("woff2")
}

html,
body,
#root {
    background-color: #FFFFFF;
    padding: unset;
    margin: unset;
    margin: auto
}

._wrapper_16ccn_1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: left
}

._select_16ccn_8 {
    background-color: #fff;
    border: solid 1px #BAC5D1;
    padding: 8px;
    height: 48px;
    text-align: left;
    font-size: 14px;
    align-items: center
}

._select_16ccn_8:focus-within {
    border-color: #0b407c !important
}

._select_16ccn_8:invalid {
    color: #182b4a66
}

._isInvalid_16ccn_26 {
    border: solid 1px #CC0000 !important
}

._inputWrapper_ef0lq_1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px
}

._inputWrapper_ef0lq_1 label:nth-of-type(1) {
    text-align: left;
    font-size: 10px
}

._inputWrapper_ef0lq_1 div {
    display: flex;
    height: 48px;
    background-color: #fff;
    border: solid 1px #BAC5D1;
    padding: 8px
}

._inputWrapper_ef0lq_1 div input {
    all: unset;
    width: 100%;
    text-align: left
}

._inputWrapper_ef0lq_1 div input::placeholder {
    color: #182b4a66
}

._inputWrapper_ef0lq_1 div label {
    margin: auto
}

._inputWrapper_ef0lq_1 div:focus-within:not(._isInvalid_ef0lq_37) {
    border-color: #0b407c !important
}

._isInvalid_ef0lq_37 {
    border: solid 1px #CC0000 !important
}

._formWrapper_rtrxl_1 {
    display: flex;
    flex-direction: column;
    background: #f2f2f2;
    gap: 16px;
    padding: 20px
}

._loader_5t7fg_1 {
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 17px;
    border-left: 2px solid black;
    border-right: 2px solid black;
    margin-left: 10px;
    vertical-align: middle;
    animation: _spin_5t7fg_1 1s infinite
}

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

    to {
        transform: rotate(360deg)
    }
}

._submitButton_ycbt3_1 {
    padding: 9px 20px;
    background-color: #c00;
    border-radius: unset;
    cursor: pointer;
    text-align: center;
    color: #fff;
    flex-grow: 1;
    position: relative
}

._submitButton_ycbt3_1:focus-within {
    border-color: #0b407c !important
}

._submitButton_ycbt3_1:disabled {
    background-color: #c003
}

._loadingWrapper_ycbt3_20 {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

._backButton_ycbt3_31 {
    padding: 9px 24px;
    background-color: unset;
    border: 1px solid #BAC5D1;
    border-radius: unset;
    cursor: pointer;
    text-align: center;
    color: #000
}

._wrapper_1dnwz_1 {
    padding: 20px;
    background-color: #f2f2f2;
    gap: 16px;
    display: flex;
    color: #182b4a;
    flex-direction: column;
    justify-content: space-between
}

._inputWrapper_1dnwz_11 {
    display: flex;
    gap: 8px;
    flex-direction: column
}

._submitInfo_1dnwz_17 {
    display: flex;
    flex-direction: column;
    gap: 10px
}

._estimateWrapper_1dnwz_23 {
    flex: 1;
    justify-content: space-between;
    background-color: #0b407c;
    padding: 20px;
    display: flex;
    flex-direction: column
}

._unknownEstimateContent_1dnwz_32 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 20px
}

._knownEstimateWrapper_1dnwz_41 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

._succesTextWrapper_1dnwz_48 {
    display: flex;
    gap: 8px;
    align-items: flex-start
}

._split_1dnwz_55 {
    background-color: #fff;
    height: 1px
}

._buttonsWrapper_1dnwz_60 {
    display: flex;
    gap: 10px
}

._errorWrapper_1dnwz_65 {
    display: flex;
    gap: 8px;
    align-items: flex-start
}

._termsLink_1dnwz_71 {
    text-decoration-color: #0c3768
}

._promoWrapper_1skg9_1 {
    display: flex;
    gap: 8px;
    align-items: center
}

._estimateWrapper_vrd5t_1 {
    justify-content: space-between;
    background-color: #0b407c;
    padding: 20px;
    display: flex;
    flex-direction: column;
    min-height: 250px
}

._blur_vrd5t_10 {
    filter: blur(0px)
}

._split_vrd5t_14 {
    background-color: #fff;
    height: 1px
}

._unknownEstimateContent_vrd5t_19 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 20px
}

._knownEstimateWrapper_vrd5t_28 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background-color: #0b407c;
    gap: 32px
}

._knownEstimateContent_vrd5t_37 {
    display: flex;
    flex-direction: column;
    gap: 20px
}

._estimatePriceBox_vrd5t_44 {
    display: flex;
    justify-content: center;
    padding: 20px 3px;
    background-color: #fff;
    border-top: 3px solid #CC0000
}

._wantToSellText_vrd5t_52 {
    display: flex;
    flex-direction: column;
    text-align: left
}

._errorWrapper_vrd5t_58 {
    display: flex;
    align-items: center;
    gap: 10px
}

._wrapper_1ukbr_1 {
    display: flex;
    text-align: left;
    width: 527px;
    height: 390px
}

._wrapper_1ukbr_1>div,
._wrapper_1ukbr_1 form {
    flex: 1 1 0;
    width: 0
}

._contactInfoBlockWrapper_1ukbr_13 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background-color: #0b407c;
    padding: 20px
}

._contactInfoBlockContent_1ukbr_22 {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media only screen and (max-width:540px) {
    ._wrapper_1ukbr_1 {
        flex-direction: column;
        width: unset;
        align-items: stretch;
        height: 610px
    }

    ._wrapper_1ukbr_1>div,
    ._wrapper_1ukbr_1 form {
        flex: 1 1 0;
        width: 100%;
        height: 100%
    }
}

._content_6n7g7_1 {
    display: flex;
    flex-direction: column;
    padding: 48px;
    background-color: #fff;
    text-align: left;
    gap: 32px;
    max-width: 760.5px;
    margin: auto
}

._promoWrapper_6n7g7_12 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
    flex: 1 0 30%
}

._estateFormWrapper_6n7g7_20 {
    display: flex;
    gap: 24px
}

._estateFormWrapper_6n7g7_20>div {
    flex: 1 1 0
}

._formContent_6n7g7_29 {
    display: flex;
    gap: 24px
}

._formContent_6n7g7_29>div {
    flex: 1 1 0
}

._titleWrapper_6n7g7_38 {
    display: flex;
    justify-content: space-between
}

._contactFormWrapper_6n7g7_43 {
    width: calc(50% - 12px)
}

._titleTextWrapper_6n7g7_47 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

._contactTitle_6n7g7_53 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._formsWrapper_6n7g7_59 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media only screen and (max-width:768px) {
    ._content_6n7g7_1 {
        padding: 24px
    }

    ._estateFormWrapper_6n7g7_20>div {
        flex: unset
    }

    ._titleWrapper_6n7g7_38 {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px
    }

    ._promoWrapper_6n7g7_12 {
        align-items: flex-start
    }

    ._estateFormWrapper_6n7g7_20 {
        flex-direction: column
    }

    ._contactFormWrapper_6n7g7_43 {
        width: unset
    }
}

/* Cílíme pouze na obrázek banneru pomocí jeho názvu v src */
#root img[src*="reas-banner"] {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    max-height: 100% !important;
    margin: 0 auto !important;
}

/* Oprava kontejneru pouze pro zobrazení banneru */
/* Tento styl se aplikuje, jen když je banner v odkazu přímo v rootu */
#root>a {
    display: flex !important;
    height: 100% !important;
    width: 100% !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}