/* html {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-family: "Barlow", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #393939;
} */

body {    
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-family: "Barlow", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #393939;
}

a {
    color: #e30613;
}

div.dialog-off-canvas-main-canvas > main.content-width {
    width: 100%;
    /* max-width: 1623px; */
    max-width: none;
    padding-bottom: 5.5rem;
}

    div.dialog-off-canvas-main-canvas > main.content-width .region.region-content {
        box-shadow: 0 21px 28px -21px rgb(0 0 0 / 70%);
    }

/* redefine container width start */
@media (min-width: 576px) {
    .container, .container-sm {
        /* max-width: 540px; */
        max-width: 1623px;
    }
}
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        /* max-width: 720px; */
        max-width: 1623px;
    }
}
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        /* max-width: 960px; */
        max-width: 1623px;
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1623px;
    }
}
/* redefine container width stop */

    .breadcrumb {
        margin-bottom: 0;
        padding: 0;
        background-color: transparent;
    }

    .page-title {
        display: none !important;
    }

        #block-apro-content {
            padding-left: 0;
            padding-right: 0;
        }
        /* @media (min-width: 992px) {
            #block-apro-content {
                padding-left: 15px;
                padding-right: 15px;
            }
        } */

            .bg-main {
                background-color: #AAB8C2;
            }

            .bg-red {
                background-color: #e30613;
            }

            .h2, h2 {
                font-size: 1.5rem;
            }

            .large {
                font-size: 2rem !important;
                font-weight: 800 !important;
            }
            @media (min-width: 768px) {
                .large {
                    font-size: 3.5rem !important;
                }
            }
            @media (min-width: 992px) {
                .large {
                    font-size: 4.25rem !important;
                }
            }
            @media (min-width: 1200px) {
                .large {
                    font-size: 5rem !important;
                }
            }

            .h3, h3 {
                margin-bottom: 2rem;
                font-size: 1.5rem;
                font-weight: 800;
            }

            .placeholder {
                display: none !important;
            }
            @media (min-width: 992px) {
                .placeholder {
                    display: block !important;
                }
            }

            strong.red {
                color: #e30613 !important;
            }

            /* .bg-main::first-child > .container > .row  {} */
            /* > .col, */
            @media (min-width: 992px) {
                .bg-main:first-child > .container > .row {
                    min-height: 505px;
                }
            }
            .bg-main:first-child > .container > .row > [class*="col-"]:first-child {
                overflow: hidden;
                height: 0;
                padding-bottom: 100%;

                background: url('https://apro.com.pl/sites/default/files/domosonda/bg_top_50percent.png') no-repeat center;
                background-size: contain;
            }
            @media (min-width: 992px) {
                .bg-main:first-child > .container > .row > [class*="col-"]:first-child {
                    overflow: visible;
                    height: auto;
                    padding-bottom: 0;
                    background-size: auto;
                }
            }
            .bg-main:first-child > .container > .row > [class*="col-"]:last-child {
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

                .bg-main:first-child > .container > .row > [class*="col-"]:last-child * {
                    color: #fff;
                    font-size: 1.5rem;
                    font-weight: 300;
                }
                @media (min-width: 992px) {
                    .bg-main:first-child > .container > .row > [class*="col-"]:last-child * {
                        font-size: 3.5rem;
                    }
                    .bg-main:first-child > .container > .row > [class*="col-"]:last-child p {
                        padding-left: 3.5rem;
                    }
                }

            .container.content {
                padding-top: 2.5rem;
                padding-bottom: 2.5rem;
            }
            @media (min-width: 992px) {
                .container.content {
                    padding-top: 5.5rem;
                    padding-bottom: 5.5rem;
                    padding-left: 8rem;
                    padding-right: 8rem;
                }
            }
                .container.content > .row {
                    padding-bottom: 2rem;
                    margin-right: -30px;
                    margin-left: -30px;
                }
                @media (min-width: 992px) {
                    .container.content > .row {
                        padding-bottom: 4rem;
                    }
                }
                .container.content > .row:last-child {
                    padding-bottom: 0 !important;
                }

                    .container.content > .row > [class*="col-"] {
                        padding-right: 30px;
                        padding-left: 30px;
                    }
                    @media (min-width: 992px) {
                        .container.content > .row > [class*="col-"]:first-child {
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: flex-end;
                            text-align: right;
                        }
                    }
                    .container.content > .row:first-child > [class*="col-"]:first-child p {
                        color: #AAB8C2;
                        font-size: 1.5rem;
                        font-weight: 300;
                        line-height: 2rem;
                    }
                    @media (min-width: 992px) {
                        .container.content > .row:first-child > [class*="col-"]:first-child p {
                            font-size: 3.5rem;
                            line-height: 4rem;
                        }
                    }

            .bg-red:last-child > .container > .row > .col {
                display: flex;
                justify-content: center;
                align-items: center;

                padding-top: 2.5rem;
                /* padding-bottom: 2.5rem; */

                color: #fff;
                font-size: 1.5rem;
                font-weight: 300;
                text-align: center;
                line-height: 2rem;
            }
            @media (min-width: 992px) {
                .bg-red:last-child > .container > .row > .col {
                    padding-top: 5.5rem;
                    /* padding-bottom: 5.5rem; */

                    font-size: 3.5rem;
                    line-height: 4rem;
                }
            }

        #block-webform {
            /* make container start */
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
            /* max-width: 1623px; */
            /* make container start */

            background-color: #e30613;
        }
        @media (min-width: 992px) {
            #block-webform {
                /* background: url('https://apro.com.pl/sites/default/files/domosonda/bg_bottom_50percent.png') no-repeat right top; */
                background-image: url('https://apro.com.pl/sites/default/files/domosonda/bg_bottom.png');
                background-position: right top;
                background-repeat: no-repeat;
                background-size: 50%;
            }
        }
            #block-webform a {
                color: #fff;
            }

            #block-webform .content {
                /* make container start */
                width: 100%;
                padding-right: 15px;
                padding-left: 15px;
                margin-right: auto;
                margin-left: auto;
                max-width: 1623px;
                /* make container start */

                overflow: hidden;
                clear: both;
                padding-bottom: 2.5rem;
            }
            @media (min-width: 992px) {
                #block-webform .content {
                    /* max-width: 992px; */
                    padding-bottom: 5.5rem;
                }
            }

            .messages--error {
                background-position-y: center;
            }

            #block-webform .content,
            div.form-type-checkbox > div.input-checkbox > label {
                color: #fff;
            }

            @media (min-width: 992px) {
                #block-webform .content .webform-ajax-form-wrapper {
                    margin-left: 22%;
                    width: 33%;
                }
            }

                #block-webform .content .webform-progress__summary {
                    font-size: 3.5rem;
                    font-weight: 800;
                }
                @media (min-width: 992px) {
                    #block-webform .content .webform-progress__summary {
                        font-size: 5.5rem;
                    }
                }
                    legend {
                        font-size: 1.25rem !important;
                    }
                    .fieldset-wrapper {
                        padding: 1rem;
                    }

                        input[type='radio'] {
                            position: relative;
                            top: 3px;

                            accent-color: #e30613;
                            border:2px solid white;
                            /* appearance:none; */
                            border-radius:50%;
                            width: 20px;
                            height: 20px;
                            background-color: #fff;
                            transition: all ease-in 0.2s;
                        }
                        input[type=text], input[type=tel], input[type=email], input[type=password], textarea, div.select-wrapper {
                            outline: none;
                            color: #393939;
                        }

                        label {
                            padding-left: 0.75rem;
                            font-size: 1rem !important;
                        }
                        .form-item-co-jest-dla-ciebie-najistotniejsze-przy-wyborze-mieszkania-i-dla label {
                            padding-left: 0;
                        }

                    .form-actions {
                        display: flex;
                        justify-content: center;
                        text-align: center;
                    }
                        /* .form-submit {
                            min-width: 300px;
                        } */

input[type=submit] {
    background-color: #fff;
    color: #e30613;
}