/** General page styling **/

header {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.header-home {
width: 100%;
margin-left: auto;
margin-right: auto;
height: 230px;
}
.header-home-search-filter {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 125px;
}
.logo-header {
	width: 100%;
	padding-top: 50px;
}
.logo-header img {
	width: 380px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: flex;
}
.mini-header {
	height: 0px;
}
.mini-nav {
	width: 100%;
	position: fixed;
	top: 0;
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	z-index: 99;
}
.mini-nav-logo {
	left: 50px;
	z-index: 99;
	position: absolute;
	top: 30px;
	opacity: 0;
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.mini-nav-logo img {
	height: 20px;
	width: auto;
}
.mini-avatar {
    right: 90px;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    position: absolute;
    background-size: cover;
    top: 14px;
    opacity: 0;
    background-position: center;
}
.mini-edit {
    right: 220px;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 30px;
    opacity: 0;
}
.mini-avatar-off {
    right: 50px;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    position: absolute;
    background-size: cover;
    top: 14px;
    opacity: 0;
    background-position: center;
}

.mini-nav-talent-previous {
    position: absolute;
    top: 10px;
    left: 0;
}
.mini-nav-talent-next {
    position: absolute;
    top: 10px;
	right: 0;
}
.mini-nav-talent {
    position: absolute;
    z-index: 99;
    mix-blend-mode: difference;
    width: 35px;
    height: 80px;
    right: 290px;
    opacity: 0;
}
.mini-nav-talent a {
    color: rgb(255, 255, 232);
    border: 0px;
}
.mini-avatar-user {
    right: 50px;
    height: 50px;
    border-radius: 50px;
    position: absolute;
    background-size: cover;
    top: 30px;
    opacity: 0;
}
.mini-avatar-user img {
    height: 20px;
    width: auto;
}