@charset "utf-8";



/* CSS Document */







.toggle {



	cursor: pointer;



	padding: 4px 0 4px;



	position: relative;



	z-index: 9999999999;



}



.toggle-text1 {



	float: right;



	font-size: 18px;


    color: #E8B344;



	letter-spacing: -0.5px;



	line-height: normal;



	display: inline-block;



	margin: 2px 0 0;



	font-family: 'Josefin Sans', sans-serif!important; font-weight: 700;



}



.toggle-row1 {



	width: 20px;



	float: left;



	margin: 2px 0 0;



}



.bar {



	width: 100%;



	height: 2px;



	background: #754196;



	display: block;



	margin: 4px 0 0;



	-webkit-transition: all .35s ease;



	transition: all .35s ease;



}



.bar:first-child {



	margin-top: 0;



}



.bar:last-child {



	margin-bottom: 0;



}



.middle {



	top: 11px;



}



.bottom {



	top: 22px;



}



.toggle-active .toggle-text1 {



	color: #ffffff;



}



.toggle-active .bar {



	background: #ffffff;



}



.toggle-active .top {



	-webkit-transform: translateY(6px) translateX(0) rotate(45deg);



	position: relative;



	top: -1px;



}



.toggle-active .middle {



	opacity: 0;



}



.toggle-active .bottom {



	-webkit-transform: translateY(-12px) translateX(0) rotate(-45deg);



	position: relative;



	top: 5px;



}



.overlay {



	position: fixed;



	z-index: 9999999999;



	background-image: linear-gradient(120deg, #401554 0%, #754099 100%);



	top: 0;



	right: inherit;



	left: 0;



	width: 100%;



    max-width: 420px;



	height: 0;



	visibility: hidden;



	opacity: 0;



	-webkit-transition: opacity .35s, visibility .35s, height .35s;



}



.nav-active {



	opacity: 1;



	visibility: visible;



	height: 100%;/*    max-height: 340px;*/



}







/*Smartphone css*/



@media screen and (max-width: 480px) {



.toggle-row1 { width:20px; float:left; margin:0 0 0;}



.toggle-text1 { float:left; font-size:14px; line-height:normal; margin:1px 0 0 10px;}



.overlay { max-width: 100%;}





}







@media screen and (min-width:481px) and (max-width:600px) {



.toggle-row1 { width:20px; float:left; margin:0 0 0;}



.toggle-text1 { float:right; font-size:14px; line-height:normal; margin:0 0 0;}



.overlay { max-width: 100%;}





}







@media screen and (min-width:601px) and (max-width:767px) {



.toggle-row1 { width:20px; float:left; margin:0 0 0;}



.toggle-text1 { float:right; font-size:14px; line-height:normal; margin:0 0 0;}



.overlay { max-width: 100%;}





}







@media screen and (min-width:768px) and (max-width:900px) {



.toggle-row1 { margin:0 0 0;}



.toggle-text1 { font-size:15px; line-height:normal; margin:0 0 0;}



}







@media screen and (min-width:901px) and (max-width:1024px) {

	

.toggle-row1 { margin:0 0 0;}



.toggle-text1 { font-size:16px; line-height:normal; margin:0 0 0;}



}







@media screen and (min-width:1025px) and (max-width:1240px) {



.toggle-text1 { font-size:17px; line-height:normal;}



}





@media screen and (max-width: 540px) {



.overlay {  z-index: 9999999999;}

.toggle {  z-index: 9999999999;}



}