@charset "utf-8";



/* CSS Document */







.toggle {



	float: left;



	border-radius: 40px;



	cursor: pointer;



	margin: 0 0 0;



	position: relative;



	z-index: 9999;



}



.toggle-bar1 {



	width: 40px;



	float: left;



	background: #ffffff;



	border-radius: 50%;



	margin: 0 0 0;



	padding: 12px 14px 12px;



}



.toggle-text1 {



	float: right;



	font-size: 13px;



	font-weight: 400;



	color: #ffffff;



	letter-spacing: 1.8px;



	line-height: 26px;



	text-transform: uppercase;



	display: inline-block;



	margin: 7px 0 0 0;



	font-family: 'Montserrat', sans-serif; font-weight: 600;



}



.bar {



	width: 100%;



	height: 4px;



	background: #91949b;



	display: block;



	margin: 2px 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 .toggle-bar1 {



	background: #ffffff;



}



.toggle-active .bar {



	background: #91949b;



}



.toggle-active .top {



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



	position: relative;



	top: 0px;



}



.toggle-active .middle {



	opacity: 0;



}



.toggle-active .bottom {



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



	position: relative;



	top: 6px;



}



.overlay {



	position: fixed;



	z-index: 99999;



	background-image: linear-gradient(120deg, #e5e6e7 0%, #91949b 100%);



	top: 0;



	right: 0;



	left: 0;



	width: 100%;



	height: 0;



	visibility: hidden;



	opacity: 0;



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



}

.overlay2 {



	position: fixed;



	z-index: 99999999;



	background-image: linear-gradient(120deg, #e5e6e7 0%, #91949b 100%);



	top: 0;



	right: 0;



	left: 0;



	width: 100%;



	height: 0;



	visibility: hidden;



	opacity: 0;



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



}

@media (max-width: 767px) {

	.overlay2 {

		z-index: 9999;

	}

}



.nav-active {



	opacity: 1;



	visibility: visible;



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



}







/*Smartphone css*/



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



.toggle-text1 { color:#5e6064;}



.toggle-bar1 { background:#91949b;}



.bar { background:#ffffff;}



}







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



.toggle-text1 { color:#5e6064;}



.toggle-bar1 { background:#91949b;}



.bar { background:#ffffff;}



}







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



.toggle-text1 { color:#5e6064;}



.toggle-bar1 { background:#91949b;}



.bar { background:#ffffff;}



}







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



.toggle-text1 { display:none;}



}







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



.toggle-text1 { display:none;}



}







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



.toggle-text1 { display:none;}



}