.menuFixed {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 999;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
	padding: 10px 0;
	max-height: 60px;
	background: linear-gradient(333deg, rgb(117, 32, 140) 0%, rgb(126, 30, 139) 21%, rgb(154, 21, 136) 71%, rgb(182, 13, 134) 100%);
}
.menuFixed .menu-list li a {
	font-size: 16px;
	color: #fff;
}
.menu-list li a {
	padding: 0 10px;
	margin: 0 8px;
	z-index: 1;
	position: relative;
}
.menu-list .active {
	font-weight: 700;
}
@media (max-width: 575px) {
	.menuFixed .logo img {
		width: 55%;
	}
 	.menuFixed {
		max-height: 45px;
	}
}
@media (max-width: 480px) {
	.menuFixed .logo img {
		width: 65%;
	}
}
@media (max-width: 1199px) {
 	.menu-list li a {
	    padding: 0 5px;
	    margin: 0 5px;
	}
}
@media (max-width: 790px) {
	.menu-list li a {
	    font-size: 14px;
	}
}

/*burger-menu*/
.burger-menu {
	width: 30px;
	height: 16px;
	position: relative;
}
.burger-menu span {
	width: 100%;
	height: 2px;
	background: #434343;
	border-radius: 3px;
	display: block;
	transition: .3s;
	position: absolute;
}

.burger-menu .line2 {
	top: 6px;
	right: 0;
}
.burger-menu .line3 {
	bottom: 0;
	right: 0;
}
.burger-menu .line1 {
	transform: rotate(45deg);
	top: 6px;
	right: 0;
}
.burger-menu .line2 {
	background: transparent;
}
.burger-menu .line3 {
	transform: rotate(-45deg);
	bottom: 5px;
}
.burger-menu span {
	transition: .3s;
}


/*active*/
.burger-menu.collapsed .line2 {
	top: 6px;
	right: 0;
}
.burger-menu.collapsed .line3 {
	bottom: 0;
	right: 0;
}
.burger-menu.collapsed .line1 {
	transform: rotate(0deg);
	top: 0;
	right: 0;
}
.burger-menu.collapsed .line2 {
	background: #434343;
}
.burger-menu.collapsed .line3 {
	transform: rotate(0deg);
	bottom: 0px;
}
.burger-menu.collapsed span {
	transition: .3s;
}





.burger-menu-content {
	position: absolute;
    background: #F6F6F6;;
    padding: 20px;
    right: -30rem;
    top: 25px;
    transition: .5s;
    z-index: 999;
    width: 20rem;
    height: 100vh;
    border-radius: 90% 0 0 90%;
    transform: scale(.7);
    opacity: .4;
}
.mob-menu.burger-active .burger-menu-content {
    right: -10px;
    transition: 1s;
    border-radius: 0;
    transform: scale(1);
    opacity: 1;
}
.burger-menu-content li a {
	margin-bottom: 10px;
	display: block;
	color: #000;
	font-size: 20px;
    text-align: center;
    font-weight: 700;
}
.burger-menu-content .active {
	color: #E00182;
}
@media (max-width: 420px)  {
	.burger-menu-content {
	    width: 15rem;
	}
}