.bottomMenu{position:fixed;bottom:0;left:0;width:100%;/*width:100vw;avoid scrollbar affecting width*/height:60px;font-family:'Barlow', sans-serif;z-index:100;}
.bottomMenu .darkBg{position:absolute;bottom:0;left:0;width:100%;height:45px;background-color:#282823;}
.bottomMenu .links{position:absolute;bottom:0;left:0;width:100%;height:45px;margin:0 auto 0 auto;text-align:center;white-space:nowrap;font-size:0;}
.bottomMenu .links a{position:relative;display:inline-block;font-size:13px;color:#FF8B4F;text-decoration:none;padding-top:8px;line-height:40px;width:160px;cursor:pointer;transition:transform .3s ease-out;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.bottomMenu .links a.on:hover .dot{transform:scale(1.05,1.05);}
.bottomMenu .links a.off{color:#dcdcd2;}
.bottomMenu .links a.off .dot{background-color:#dcdcd2;border:0;}
.bottomMenu .links a.on .dot{background-color:#888;border:3px solid #FF8B4F;}
.bottomMenu .links a .dot{position:absolute;box-sizing:border-box;left:50%;margin:-24px 0 0 -14px;width:28px;height:28px;border-radius:28px;background-color:#FF8B4F;transition:border .5s ease-in-out, background-color .5s ease-in-out, transform .2s ease-out;border:3px solid transparent;}
.bottomMenu .links a.active .dot{background-color:#004747;border:3px solid #FF8B4F;}
.bottomMenu .links .progress{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);width:calc(160px * 4);height:5px;background-color:#dcdcd2;}
.bottomMenu .links .progress .progressGreen{position:absolute;left:0;top:0;width:0%;transition:width .5s ease-in-out;height:100%;background-color:#FF8B4F;}
.bottomMenu .fullscreen{position:absolute;right:30px;bottom:10px;width:26px;height:26px;cursor:pointer;transition:opacity .2s ease-out;}
.bottomMenu .fullscreen .corner{position:absolute;display:block;width:25%;height:25%;}
.bottomMenu .fullscreen .corner:nth-of-type(1){border-left:3px solid #dcdcd2;border-top:3px solid #dcdcd2;top:0;}
.bottomMenu .fullscreen .corner:nth-of-type(2){right:0;border-right:3px solid #dcdcd2;border-top:3px solid #dcdcd2;top:0;}
.bottomMenu .fullscreen .corner:nth-of-type(3){right:0;bottom:0;border-right:3px solid #dcdcd2;border-bottom:3px solid #dcdcd2;}
.bottomMenu .fullscreen .corner:nth-of-type(4){bottom:0;border-left:3px solid #dcdcd2;border-bottom:3px solid #dcdcd2;}
.bottomMenu .fullscreen:hover{opacity:.7;}
.bottomMenu .progressbar{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#FF8B4F;opacity:0;transition:opacity .4s ease-in-out;}
/*@media all and (max-width:950px){
	.bottomMenu .links a{width:17%;}
	.bottomMenu .links .progress{width:68%;}
}
@media all and (max-width:800px){
	.bottomMenu{width:100%;}
	.bottomMenu .fullscreen{right:15px;}
}
@media all and (max-width:767.5px){
	.bottomMenu .links a{font-size:12px;}
}*/

.topIpadHomeScreenInfo{position:fixed;box-sizing:border-box;color:#dcdcd2;background-color:#64645f;top:0;left:0;width:100%;height:85px;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;z-index:200!important;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);padding:10px 0 0 20px;box-shadow:0 2px 16px 2px rgba(0,0,0,0.4);}
.topIpadHomeScreenInfo h4{font-size:16px;margin:0;}
.topIpadHomeScreenInfo .smallText{margin-top:-2px;}
.topIpadHomeScreenInfo .smallText .icon{display:inline-block;width:30px;vertical-align:bottom;transform:translateY(10px);margin:0 10px 0 10px;}

.topIpadHomeScreenInfo .closeBtn{position:absolute;right:10px;top:10px;width:30px;height:30px;transform:rotate(45deg);}
.topIpadHomeScreenInfo .closeBtn .lineA{position:absolute;width:50%;height:2px;left:25%;top:50%;margin-top:-1px;background-color:#FFF;}
.topIpadHomeScreenInfo .closeBtn .lineB{position:absolute;height:50%;width:2px;left:50%;top:25%;margin-left:-1px;background-color:#FFF;}

.topMenu{position:absolute;width:100%;/*width:100vw;avoid scrollbar affecting width*/top:0;left:0;z-index:99;color:#FFF;opacity:0;transition:opacity .5s ease-out;}
/*.topMenu .user{position:absolute;top:8px;right:35px;font-family:'Barlow', sans-serif;font-size:14px;color:#dcdcd2;padding-left:10px;height:30px;cursor:pointer;transition:opacity .2s ease-out;}
.topMenu .user .logout{margin-left:10px;}
.topMenu .user:hover{opacity:.7;}*/
.topMenu .profileBtn{position:absolute;right:20px;top:20px;width:50px;height:50px;border-radius:100%;background-color:rgba(0,0,0,.5);transition:background-color .3s ease-out, opacity .6s ease-in-out;will-change:background-color;}
.veryzoomed .topMenu .profileBtn{top:5px;width:30px;height:30px;}
.veryzoomed .topMenu .profileBtn:after{width:20px;height:20px;left:5px;top:5px;}
.topMenu .profileBtn:after{content:"";position:absolute;left:10px;top:10px;width:30px;height:30px;background:url("../Grx/profile.png") no-repeat;background-size:cover;}
.topMenu .profileBtn:hover{background-color:rgba(0,0,0,.7);}
.topMenu.profileOpen .profileBtn{/*pointer-events:none;opacity:0;*/background-color:rgba(0,0,0,0);}
.topMenu .openProfile{position:absolute;right:20px;top:20px;background-color:rgba(0,0,0,.7);border-radius:20px;transition:opacity .6s ease-in-out;box-sizing:border-box;padding:20px 60px 20px 20px;}
.topMenu:not(.profileOpen) .openProfile{opacity:0;pointer-events:none;}
.topMenu .openProfile .user{display:block;font-size:16px;line-height:1;font-weight:bold;}
.topMenu .openProfile .logoutBtn{display:block;font-size:16px;line-height:1;text-decoration:underline;padding-top:10px;transition:opacity .2s ease-out;}
.topMenu .openProfile .logoutBtn:hover{opacity:.7;}

@media all and (max-width:1000.5px){
	.bottomMenu{box-sizing: border-box;padding:30px 0;}
	.bottomMenu, .bottomMenu .links{position:relative;bottom:auto;left:auto;width:100%;height:auto;}
	.bottomMenu .darkBg{height:100%;}
	.bottomMenu .links{white-space:normal;text-align:left;}
	.bottomMenu .links a{display:block;width:100%;padding:10px 10px 10px 20px;font-size:16px;line-height:1;}
	.bottomMenu .links a .dot{position:relative;display:inline-block;vertical-align:middle;left:auto;margin:0 15px 0 0;}
	.bottomMenu .links .progress{width:3px;height:calc(100% - 30px);left:34px;top:20px;}
	.bottomMenu .fullscreen{display:none;}
}

@media all and (min-width:1000.5px){
	.bottomMenu .links .progress .progressGreen.state25{width:25%;}
	.bottomMenu .links .progress .progressGreen.state50{width:50%;}
	.bottomMenu .links .progress .progressGreen.state75{width:75%;}
	.bottomMenu .links .progress .progressGreen.state100{width:100%;}
}
@media all and (max-width:1000.5px){
	.bottomMenu .links .progress .progressGreen{width:100%;}
	.bottomMenu .links .progress .progressGreen.state25{height:25%;}
	.bottomMenu .links .progress .progressGreen.state50{height:50%;}
	.bottomMenu .links .progress .progressGreen.state75{height:75%;}
	.bottomMenu .links .progress .progressGreen.state100{height:100%;}
}