.hbHeader .hbHeaderInBottom span, .hbHeader .hbHeaderInTop .hbhNavMenuScope .hbhNavMiddle, .hbHeader .hbHeaderInTop .hbhdSearch .hbhdSearchMiddle {
    vertical-align: middle;
    display: table-cell
}

.hbcAnswerInput, .hbcAnswerTextarea, .siteAddTextareaCode {
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    color: grey
}

    .hbcAnswerInput::placeholder, .hbcAnswerTextarea::placeholder, .siteAddTextareaCode::placeholder {
        color: #c7c7c7
    }

.hbHeader .hbHeaderInTop .hbhNavMenuScope {
    font-family: sans-serif
}

.dropDownSearchBoxInput, .hbHeader .hbHeaderInTop .hbhdSearch input, .inputSearchBox, .inputSearchTopBox {
    font-size: 12px;
    font-weight: 400
}

.dropDownSearchBoxInput, .inputSearchTopBox {
    width: 100%;
    position: relative;
    float: left;
    height: 24px;
    padding-left: 22px;
    padding-right: 6px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #f2f2f2;
    outline: 0;
    color: grey;
    background: url(../img/search-icon.svg) left 6px center/12px 12px no-repeat #fefefe
}

.hbHeader .hbHeaderInTop .hbhdSearch input, .inputSearchBox {
    width: 100%;
    position: relative;
    float: left;
    height: 24px;
    padding-left: 10px;
    padding-right: 6px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #f2f2f2;
    outline: 0;
    color: grey;
    background: url(../img/search-icon.svg) right 6px center/12px 12px no-repeat #fefefe
}

.hbcAnswerInput, .hbcAnswerTextarea {
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-left: 3px solid #fe0000;
    border-bottom: 1px solid #e0e0e0;
    padding-left: 10px;
    padding-right: 6px;
    outline: 0;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    float: left
}

.hbcAnswerInput {
    height: 40px
}

.hbcAnswerTextarea {
    height: 70px;
    padding-top: 10px;
    resize: none
}

.siteAddTextareaCode {
    width: 100%;
    position: relative;
    float: left;
    height: 150px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 6px;
    outline: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
    resize: none
}

.hbHeader {
    width: 100%;
    position: relative;
    float: left;
    height: 165px;
    background-color: #4a72d7;
    z-index: 999;
    padding-top: 30px
}

    .hbHeader .hbHeaderInTop {
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        height: 30px;
        background-color: #f4f4f4;
        z-index: 2
    }

        .hbHeader .hbHeaderInTop .hbhdLogo {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1
        }

        .hbHeader .hbHeaderInTop .hbhNavMenuScope {
            font-size: 12px;
            font-weight: 500;
            color: #575757;
            float: left;
            position: relative;
            padding-left: 174px;
            padding-right: 195px;
            height: 30px;
            display: table
        }

            .hbHeader .hbHeaderInTop .hbhNavMenuScope a {
                position: relative;
                display: inline-block;
                margin-right: 15px
            }

                .hbHeader .hbHeaderInTop .hbhNavMenuScope a:last-child {
                    margin-right: 0
                }

        .hbHeader .hbHeaderInTop .hbhdSearch {
            position: absolute;
            right: 0;
            width: 200px;
            top: 0;
            height: 30px;
            display: table;
            padding-right: 15px
        }

            .hbHeader .hbHeaderInTop .hbhdSearch .hbhdSearchMiddle .bgReda {
                width: 29px;
                height: 24px;
                border-radius: 12px;
                position: absolute;
                right: 0;
                z-index: 9;
                background: url(../img/searchbar-icon.png) center center/12px 12px no-repeat #fe0000
            }

            .hbHeader .hbHeaderInTop .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen {
                position: absolute;
                width: 100%;
                top: 15px;
                left: 0;
                height: auto;
                padding-top: 7px;
                border-bottom-left-radius: 12px;
                border-bottom-right-radius: 12px;
                background-color: #fff;
                overflow: hidden
            }

                .hbHeader .hbHeaderInTop .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li {
                    font-size: 12px;
                    display: block;
                    padding: 6px 10px;
                    color: #202020;
                    border-bottom: 1px solid #f3f3f3
                }

                    .hbHeader .hbHeaderInTop .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li.selected {
                        background: #dedede
                    }

                    .hbHeader .hbHeaderInTop .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li:first-child {
                        padding-top: 10px
                    }

                    .hbHeader .hbHeaderInTop .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li:last-child {
                        border-bottom: 0;
                        padding-bottom: 5px
                    }

            .hbHeader .hbHeaderInTop .hbhdSearch input {
                z-index: 2;
                border-top-left-radius: 31px;
                border-bottom-left-radius: 31px;
                border: 1px solid #dedede;
                padding-right: 18px;
                background: #fff
            }

                .hbHeader .hbHeaderInTop .hbhdSearch input[type=search]::-webkit-search-cancel-button, .hbHeader .hbHeaderInTop .hbhdSearch input[type=search]::-webkit-search-decoration, .hbHeader .hbHeaderInTop .hbhdSearch input[type=search]::-webkit-search-results-button, .hbHeader .hbHeaderInTop .hbhdSearch input[type=search]::-webkit-search-results-decoration {
                    display: none
                }

    .hbHeader .hbHeaderInBottom {
        width: 100%;
        position: fixed;
        float: left;
        background-color: #4a72d7
    }

        .hbHeader .hbHeaderInBottom .hbhdCatLogo {
            width: 100%;
            position: relative;
            float: left;
            height: 95px;
            display: table
        }

        .hbHeader .hbHeaderInBottom span {
            line-height: 0
        }

        .hbHeader .hbHeaderInBottom .hbhdNavSubMenu {
            width: 100%;
            position: relative;
            float: left;
            height: 40px;
            overflow: hidden;
            background-color: #5887ff;
            display: flex;
            justify-content: space-evenly
        }

            .hbHeader .hbHeaderInBottom .hbhdNavSubMenu a {
                float: left;
                position: relative;
                padding: 11px 10.5px;
                height: 40px;
                font-family: sans-serif;
                font-size: 16px;
                font-weight: 600;
                color: #fff;
                -webkit-transition: .34s;
                -moz-transition: .34s;
                -ms-transition: .34s;
                -o-transition: .34s;
                transition: .34s;
                border-bottom: 3px solid transparent
            }

                .hbHeader .hbHeaderInBottom .hbhdNavSubMenu a.active, .hbHeader .hbHeaderInBottom .hbhdNavSubMenu a:hover {
                    color: #fff;
                    border-bottom: 3px solid #fff
                }

    .hbHeader .hbhdSearchFilter {
        position: absolute;
        right: 0;
        top: 0;
        width: 86px
    }

        .hbHeader .hbhdSearchFilter .dropMenu {
            height: 24px;
            background: 0 0
        }

    .hbHeader.active {
        top: -95px
    }

/*.hbMain.stickypadding {
    padding-top: 165px
}
*/
.hbHeader.active ~ .hbMain.stickypadding {
    padding-top: 20px
}

@media only screen and (max-width:1100px) {
    .hbHeader .hbHeaderInBottom .hbhdNavSubMenu a {
        font-size: 15px;
        padding: 11px 8px
    }
}

@media only screen and (max-width:990px) {
    .hbHeader .hbHeaderInBottom .hbhdNavSubMenu a {
        font-size: 14px;
        padding: 11px 5px
    }
}

@media only screen and (max-width:1075px) and (min-width:768px) {
    .hbHeader .hbHeaderInTop .hbhNavMenuScope {
        padding-left: 166px;
        display: block;
        overflow: hidden;
        height: 16px;
        margin: 7px 0
    }
}

@media only screen and (max-width:767px) {
    .hbHeader .hbHeaderInTop .hbhNavMenuScope {
        font-size: 14px
    }
}