/*
 * inwendo Base Theme - Header - Styles
 *
 ********************************************************/

.header_area {
    background: #efefef;
    z-index: 10;
    position: relative;
}

.header_area.transparent {
    background: transparent;
    overflow: overlay;
    position: absolute;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.header_area.sticky {
    position: fixed;
    width: 100%;
}

.header_area.transparent.sticky {
    background: #fff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .10);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .10);
}

/* Header Info Row */
.header_area .header_info_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header_area .header_info_row p {
    margin: 0;
}

.header_area .header_info_row.both {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header_area .header_info_row.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.header_area .header_info_row.left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

/* Header Wrapper */
.header_area .header_wrapper.inside_grid {
    margin: 0 auto;
    width: 1200px;
}

.header_area .header_wrapper.outside_grid {
    width: 100%;
}

.header_area .logo-img {
    position: absolute;
}

.header_area .logo-img.standard,
.header_area .logo-img.transparent,
.header_area .logo-img.sticky {
    display: none;
}

html.no-js .header_area .logo-img {
    display: block;
}

.header_area .iw-header-menu-widgets-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
}

/* Header Style - Centered */
.header_area.animate .header_logo.left {
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.header_area.sticky .header_logo.left {
    opacity: 1;
}

.header_area.centered.animate .header_wrapper {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.header_area.centered .menu_row {
    position: relative;
}

.header_area.centered.animate nav.header_navigation {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.header_area.centered .header_logo a {
    display: inline-block;
}

.header_area.centered .logo-img {
    left: 0;
    right: 0;
}

.header_area.centered .header_logo.above {
    text-align: center;
}

.header_area.centered .header_logo.above .logo-img.standard {
    position: inherit;
    display: inherit;
}

.header_area.centered .header_logo.left {
    opacity: 0;
    position: absolute;
    z-index: 10;
    bottom: 0;
}

.header_area.centered.sticky .header_logo.left {
    opacity: 1;
}

.header_area.centered .header_logo.left .logo-img.sticky {
    position: inherit;
    display: inherit;
}

@media screen and (max-width: 1400px) {
    .header_area .header_wrapper.inside_grid {
        width: 1020px;
    }
}

@media screen and (max-width: 1200px) {
    .header_area .header_wrapper.inside_grid {
        width: 1020px;
    }
}

@media screen and (max-width: 1100px) {
    .header_area .header_wrapper.inside_grid {
        width: 940px;
    }
}

@media screen and (max-width: 1020px) {
    .header_area .header_wrapper.inside_grid {
        width: 860px;
    }
}

@media screen and (max-width: 940px) {
    .header_area .header_wrapper.inside_grid {
        width: 780px;
    }
}

@media screen and (max-width: 860px) {
    .header_area .header_wrapper.inside_grid {
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
    }
}