/*-----------------------------------------------------------------------------------*/
/*	4. Header
/*-----------------------------------------------------------------------------------*/
.main-header {
	background: #fff;
	margin: 0 auto;
	width: 100%;
}
.header {
	clear: both;
	margin: 0 auto;
	max-width: 100%;
	padding: 0;
	position: relative;
	width: 1170px;
    a {
        color: #3F3F3F;
    }
}
.logo {
    display: inline-block;
    font-family: $font__logo;
    font-size: 56px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    max-width: 100%;
    img {
        float: left;
    }
}
.logo-wrap {
	display: inline-block;
    float: left;
	margin: 40px 0;
}
.tagline {
	display: block;
	font-size: 14px
}
.social-links {
    float: right;
    margin: 48px 0;
    a {
        background-color: #f5f5f5;
        border-radius: 50%;
        float: left;
        font-size: 18px;
        margin: 0px 3px;
        padding: 8px 0;
        text-align: center;
        width: 34px;
        &:hover {
            color: #fff;
        }
    }
}
.social-links .twitter:hover { background:#1bb6ec }
.social-links .facebook:hover { background:#395aa1 }
.social-links .instagram:hover { background:#854e3a }
.social-links .youtube:hover { background:#cc181e }
.social-links .gplus:hover { background:#c23322 }
.social-links .pinterest:hover { background:#cc2127 }
.social-links .flickr:hover { background:#ff0080 }
.social-links .rss:hover { background:#ff8800 }
.social-links .reddit:hover { background:#cee3f8 }
.social-links .tumblr:hover { background:#2c4762 }
.social-links .dribbble:hover { background:#f46899 }
.social-links .git:hover { background:#333333 }
.social-links .linkedin:hover { background:#017eb4 }
.header-search {
	float: right;
	margin: 5px 0;
	position: relative;
}
.top-bar {
    background-color: #F5F5F5;
}
.main-menu ::-webkit-input-placeholder,
.main-menu :-moz-placeholder,
.main-menu ::-moz-placeholder,
.main-menu :-ms-input-placeholder { color:#b8b8b8 }
.header-2 {
    .top-nav {
        float: left
    }
    .social-links {
        margin: 6px 0
    }
    .header-search {
        margin: 7px 0 7px 12px;
        .s {
            font-size: 12px;
            height: 31px;
            padding: 4px 15px;
            right: 31px;
        }
    }
    .search-button {
        height: 31px;
        width: 31px;
    }
    .logo-wrap {
        float: none
    }
    .main-nav {
        text-align: center;
        li {
            float: none
        }
        .sub-menu {
            text-align: left;
        }
    }
}