/* @override 
	http://localhost:8888/stu/themes/simple/css/menu.css?m=1585736505
	http://localhost:8888/stu/themes/simple/css/menu.css?m=1585736967
	http://localhost:8888/stu/themes/simple/css/menu.css?m=1585738768
	http://localhost:8888/stu/themes/simple/css/menu.css?m=1585739108
	http://localhost:8888/stu/themes/simple/css/menu.css?m=1585754378
	http://localhost:8888/stu/themes/simple/css/menu.css?m=1585757351
	http://localhost:8888/stu/themes/simple/css/menu.css?m=1585760483
	http://localhost:8888/stu/themes/simple/css/menu.css?m=1585778088
	http://localhost:8888/stu/themes/simple/css/menu.css?m=1585840673
	http://localhost:8888/stu/themes/simple/css/menu.css?m=1586257954
	http://localhost:8888/stu/themes/simple/css/menu.css?m=1586279045
	http://localhost:8888/stu/themes/simple/css/menu.css?m=1586364297
	http://localhost:8888/stu/themes/simple/css/menu.css?m=1586514502
*/

header {position:relative;}
a {text-decoration:none;}
ul {list-style:none;}

.btn-nav-container {position:absolute;top: 32px;right: 30px;width: 60px;height: 60px;margin-top: 0;cursor:pointer;z-index:999;background:#F3671C;border:none;outline:none;
border-radius:30px;
	margin: 0;
}
.btn-nav {width: 80%;height:3px;position:relative;background:#f6f6f6;top:0;transition:all ease 0.2s;
	margin-right: auto;
	margin-left: auto;
}
.btn-nav:before, .btn-nav:after {content:'';position:absolute;left:0;background:#f6f6f6;height:100%;transition:all ease 0.3s;}
.btn-nav:before {top:-8px;width: 50%;}
.btn-nav:after {top:8px;width: 75%;}
.btn-nav-container:hover .btn-nav:before, .btn-nav-container:hover .btn-nav:after {width:100%;}
.btn-nav-container.close-menu .btn-nav {transform:rotate(-45deg);}
.btn-nav-container.close-menu .btn-nav:after {opacity:0;transition:all ease 0.2s;}
.btn-nav-container.close-menu .btn-nav:before {top:0;transform:rotate(90deg);width:100%;transition:all ease 0.2s;background:#f6f6f6;}
.float-nav {position:fixed;top:0;display:none;width:100%;height:100%;z-index: 99;}
.float-nav .bg1, .float-nav .bg2 {position:absolute;width:100%;height:100vh;background: rgba(237,237,237,0.8);top:0;left:100%;transition:all 0.7s ease 0.3s;}
.float-nav .bg2 {background: #F3671C;transition-delay:0s;}
.float-nav .container {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;max-width:none;
border: none;
}
.float-nav ul {display:flex;flex-direction:column;max-height:100vh;opacity:0;transition:all 0.3s ease 0s;padding:0;
border: none;}
.float-nav ul li {flex:1;position:relative;margin-bottom:15px;text-align:center;transition:all 0.2s ease 0.3s;}
.float-nav ul li:hover {transition:all 0.2s ease 0s;}
.float-nav ul li a:after {content:'';position:absolute;left:100%;margin-left:5px;top:2px;width:2px;height:100%;background:#f6f6f6;transform:scaleY(0);transition:all ease 0.3s;}
.float-nav ul li a:before {content:'';position:absolute;right:100%;margin-right:11px;top:2px;width:2px;height:100%;background:#f6f6f6;transform:scaleY(0);transition:all ease 0.3s;}
.float-nav ul li:hover a:before, .float-nav ul li:hover a:after
,.float-nav ul li.current a:before, .float-nav ul li.current a:after {transform:scaleY(1);}
.float-nav ul li:last-child {margin-bottom:0;}
.float-nav ul li a {font-size: 30px;position:relative;color:#f6f6f6;letter-spacing: 2px;
	line-height: 35px;
	padding-right: 2px;
}
.float-nav.active .bg1, .float-nav.active .bg2  {left:0;}
.float-nav.active .bg1 {transition-delay:0s;}
.float-nav.active .bg2 {transition-delay:0.3s;}
.float-nav.active ul {opacity:1;transition-delay:1s;}


button.btn-nav-container.open-menu{
	display: none;
	padding-right: 13px;
	padding-left: 13px;
}

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

button.btn-nav-container.open-menu{
	display: block;
}
	
	}

/* BREAKPOINT 680px */

/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 680px) {
.btn-nav-container {position:absolute;top: 27px;right: 20px;width: 60px;height: 60px;margin-top: 0;cursor:pointer;z-index:999;background:#F3671C;border:none;outline:none;
border-radius:30px;
	margin: 0;
}
.float-nav .container {position:absolute;top: 15px;left:0;width:100%;height:100%;display:block;align-items:cnter;justify-content:center;max-width:none;
	margin-top: 42px;
}
.float-nav ul li a {font-size: 20px;position:relative;color:#f6f6f6;letter-spacing: 2px;
	line-height: 25px;
}
}