#nav_main,header{display:flex;width:100%}#logout .logout_btn,div.nav_icon:hover>div{box-shadow:0 5px 8px 0 rgba(0,0,0,.1)}.menu li a,div.nav_icon .nav_label{font-family:'Open Sans',sans-serif}header{position:fixed;top:0;left:0;font-size:16px;font-size:1.6rem;z-index:45;transition:top .2s ease-in-out,all .2s ease-in-out;flex-flow:column wrap;align-items:center;justify-content:space-between;//	background:linear-gradient(to bottom right,rgba(255,255,255,1),rgba(255,255,255,0) 50.71%),linear-gradient(to bottom left,rgba(255,255,255,1),rgba(255,255,255,0) 50.71%);max-height:120px;height:120px}.nottop{height:95px}#nav_main{align-items:center;justify-content:space-between;padding:2rem 1.5rem;height:120px}.nottop #nav_main{height:60px;background-color:#fff;padding:0 1.5rem}#header_logo{//	width:35%;max-width:162.5px}#logout{//	height:50%}.nottop #logout{display:none}#logout .logout_btn{text-decoration:none;font-size:.8em;padding:10px;text-transform:uppercase;border-radius:5px;margin:20px;display:inline-block;cursor:pointer;font-weight:700;fill:#fff;background:#00ABD1;color:#fff}#logout .logout_btn:hover{fill:#8B5CC4;color:#8B5CC4;transform:scale(1.05);background:#fff;transition:background-color .3s,transform .3s ease-out}#quick_contact{display:none}figure.logo a,figure.logo img{height:100%;width:100%;display:block}div.nav_icon{width:75px;width:5.5rem;z-index:100;align-self:flex-start}.nottop div.nav_icon{padding-bottom:0;align-self:center}div.nav_icon>div{width:65%;height:4px;background-color:#00008b;margin-top:2.5px;margin-bottom:2.5px;position:relative;float:right;transition-duration:.3s;transition-delay:0s,0s,0s,0s}div.nav_icon>div:nth-of-type(1){background-color:#00ABD1}div.nav_icon>div:nth-of-type(2){background-color:#8B5CC4}div.nav_icon .nav_label{position:absolute;background-color:initial;right:-60px;height:initial;color:#00008b;font-weight:700;text-align:right;text-transform:uppercase;display:none}div.nav_icon:hover{cursor:pointer}div.nav_icon:hover>div.nav_label{box-shadow:initial;text-shadow:2px 2px 4px rgba(0,0,0,.1)}div.nav_icon:hover>div:nth-of-type(1){width:100%;background-color:#00ABD1}div.nav_icon:hover>div:nth-of-type(2){width:75%;background-color:#8B5CC4}div.nav_icon.open{width:40px}div.nav_icon.open:hover>div,div.nav_icon.open>div{width:100%;background-color:#fff}div.nav_icon.open:hover>div.nav_label,div.nav_icon.open>div.nav_label{width:initial;background-color:initial;color:#fff}div.nav_icon.open>div:nth-of-type(1){transform:translateY(9px) rotate(45deg)}div.nav_icon.open>div:nth-of-type(2){opacity:0}div.nav_icon.open>div:nth-of-type(3){transform:translateY(-9px) rotate(-45deg)}#nav_shortcuts{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:100%;visibility:hidden;height:35px}.nottop #nav_shortcuts{visibility:visible;box-shadow:0 3px 5px 0 rgba(0,0,0,.3);color:#fff}#nav_shortcuts a,#nav_shortcuts>div{width:50%;height:100%;text-align:center;background:#00ABD1;display:flex;justify-content:center;align-items:center;//font-size:.95em;text-decoration:none;color:#fff;font-weight:700}#content_front_mid,#nav_shortcuts .seperator{display:none}#nav_shortcuts a{width:100%}#nav_shortcuts a:hover{background:#fff;transition:background-color .3s,transform .3s ease-out;color:#8B5CC4}#nav_shortcuts>div#nav_contact{background:#0096bc;font-size:.7em;flex-flow:column wrap}#nav_menu,#nav_overlay{display:flex;height:100%}#nav_shortcuts>div#nav_demo{box-shadow:0 0 8px 0 rgba(0,0,0,.1)}#nav_preview,.menu>li.menubtn{box-shadow:0 5px 8px 0 rgba(0,0,0,.1)}#nav_overlay{font-size:16px;font-size:1.6rem;position:fixed;right:0;top:0;height:100vh;width:100%;width:100vw;z-index:-1;visibility:hidden;background-color:#0096bc;background-color:rgba(0,153,188,.99);background-color:var(--DarkerBlueA);overflow:hidden;transition:.5s;opacity:0;flex-flow:row-reverse wrap;justify-content:flex-start}.menu,.menu li a,.menu>li{position:relative}#nav_menu{height:100vh;width:95%;padding:10px;align-items:center}#nav_preview{height:100%;width:5%;background-color:rgba(245,245,245,.25);display:inline-block}.menu{width:100%;list-style:none;font-size:1.1em;color:#fff;display:flex;flex-flow:row wrap;justify-content:space-around}.menu>li{margin-top:10px;width:92%;order:3}.menu li a{padding-right:10px;text-decoration:none;color:#fff}.menu li a:hover{color:#f5f5f5}.menu li a:after{background-color:#00ABD1;bottom:7%;content:"";display:block;height:10px;height:.625rem;left:0;position:absolute;transition:width .3s ease;width:0;z-index:-1}.menu li:hover a:after{width:100%}.menu>li.headmenu{order:1;align-self:flex-end;font-weight:700}.menu>li.menubtn{text-align:center;background-color:rgba(245,245,245,.25);//	border:2px solid #fff;border-radius:5px;transition:all .2s ease;padding:5px}.menu>li.menubtn:hover{fill:#8B5CC4;color:#8B5CC4;background:#fff;transform:scale(1.05);transition:background-color .3s,transform .3s ease-out}.menu>li.menubtn a{font-weight:700;text-align:center;display:block;width:100%;height:100%;padding-right:0;z-index:100;font-size:.85em}.menu li.menubtn:hover a{color:#8B5CC4}.menu>li.menubtn:hover a:after{width:0}.menu>li.menubtn .graphic{display:block;width:100%;//  height:11vh;//	position:absolute;//	top:5px}.menu>li.productmenu{width:45%;display:flex;justify-content:center;order:2}.menu>li.productmenu.minor{width:30%;font-size:.9em;align-items:center}.menu>li.productmenu.minor a{height:initial}.menu>li.submenu{font-size:.9em;width:initial;order:4}.menu>li.contact{font-size:.7em;width:90%;order:4;display:flex;justify-content:space-between;margin-top:20px}.menu_icon{width:2.5rem}.menu li hr{display:block;height:1px;border:0;border-top:1px solid #00ABD1;border-color:inherit;margin:.5em 0;padding:0}@media screen and (min-width:500px){#nav_main{padding:2rem 3.3rem}.nottop #nav_main{padding:0 3.3rem}div.nav_icon{width:7.5rem}.nottop div.nav_icon{align-self:center}#nav_shortcuts>div#nav_contact{font-size:.85em}#nav_menu{width:80%;height:calc(100% - 50px);margin-top:25px;//	align-items:center}#nav_preview{width:20%}.menu>li.headmenu{//	width:initial}.menu>li.contact{justify-content:space-around}}@media screen and (min-width:625px){.menu>li.headmenu{width:95%}.menu>li.productmenu{max-width:30%;//	max-width:45%;width:initial;flex-grow:1}.menu>li.productmenu.minor{max-width:20%;//	font-size:1em}.menu>li.botmenu{//	order:3}}@media screen and (min-width:800px){div.nav_icon{margin-right:60px}div.nav_icon .nav_label{display:block}#nav_shortcuts>div#nav_contact{font-size:.9em;flex-flow:row wrap}#nav_shortcuts .seperator{display:block;padding:0 10px}#quick_contact{position:absolute;top:5px;width:100%;left:0;text-align:center;font-size:1.3rem;display:block}#nav_menu{width:40%}#nav_preview{width:60%}.menu>li{margin-top:8px}#content_front_mid,#content_front_mid a{margin:auto;position:relative;width:100%}.menu>li.headmenu{font-weight:400}.menu>li.menubtn{padding:5px 10px}.menu>li.menubtn a{text-align:right;width:100%}.menu>li.menubtn .graphic{display:none;height:11vh;width:auto;position:absolute;top:-5px;left:-5px}.menu>li.productmenu,.menu>li.productmenu.minor{max-width:95%;width:95%;flex-flow:row-reverse nowrap;font-size:1em}.menu>li.productmenu a{padding-top:0}#content_front_mid{padding:0;height:100%;display:flex;align-items:center}#content_front_mid #menu_monitor,#content_front_mid #menu_monitor2{background:url(../images/monitorLogo.png) 50% 60% no-repeat;height:100%;width:70%;background-size:contain;display:flex;align-items:center;margin:auto;position:relative;transition:background .7s}#content_front_mid #menu_monitor2{background:url(../images/monitor2.png) 50% 60% no-repeat;background-size:contain;position:absolute;left:15%;top:0}#content_front_mid a{text-align:center;perspective-origin:100% 70%;perspective:1650px;transform-origin:50% 100px 0;transform-style:preserve-3d;display:block}#content_front_mid img{max-width:100%;width:100%;transform:rotateY(32deg) translateX(0) translateZ(36px)}}@media screen and (min-width:980px){.menu{font-size:1.2em}.menu>li.menubtn a{text-align:left;width:100%}}@media screen and (min-width:1200px){.menu{font-size:1.55em}#content_front_mid{position:relative;padding:0;width:765px;height:100%;margin:auto;display:flex;align-items:center}}