.topdiv{position:fixed;left:0;top:0;display:block;width:100%;height:72px;border-bottom: 2px solid #19B4EA;background-color: #fff;z-index:999;}
.topdiv a{color: rgba(43, 43, 43, 1);-webkit-transition: 0.5s;transition: 0.5s;}
.topdiv a:hover,.sidenav a:focus{color:#777777; text-decoration: none;}

.topdiv .logo{position:fixed;left:5px;top: 10px;display:block;width:275px;height: 53px;padding:33px 0px 0px 105px;background:url(../images/logo.png) left top no-repeat;font-size:12px;line-height:20px;color:#fff;text-transform:lowercase;white-space:nowrap;}

.topdiv i{font-size: 42px; line-height: 1;}
.toggle {position:fixed; right:0; top:14px; display: block; width: 72px; height: 72px; line-height: 72px; text-align: center;}


/* fallback */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(materialicons.woff2) format('woff2');
}

.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}





.sidenav{background:#222222;box-shadow:2px 2px 6px rgba(0,0,0,.3); display:block; font-size:16px; height:100%; position:fixed; right:0; top:0; overflow:auto;transform:translate(262px,0);transition:transform .3s; width:256px; z-index:1000}
.sidenav a{ color: rgba(255, 255, 255, 0.6); -webkit-transition: 0.2s; transition: 0.2s;}
.sidenav a:hover,.sidenav a:focus{color:#74777b; text-decoration: none;}
.sidenav.show{transform:translate(0,0)}
.sidenav-brand{padding:20px 20px 20px 10px;line-height:32px;color:#ffffff;font-size: 28px;text-transform:uppercase;background: #19B4EA;}
.sidenav-dropdown,.sidenav-header{border-bottom:1px solid #424242;margin:0}

.sidenav-header{padding:10px 10px;color: #19B4EA;}
.sidenav-header a{float:left; display:block; margin:5px; width:18px; height:12px;}

.sidenav-menu{list-style:none;margin:0;padding:0}
.sidenav-menu li{display:block;position:relative}
.sidenav-menu a{background:0 0;color:#BDBDBD;display:block;line-height:24px;padding:16px 32px;text-decoration:none}
.sidenav-menu a:hover{background:#616161}
.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon{color:#FAFAFA}
.sidenav-dropdown-icon,.sidenav-link-icon{color:#757575;position:absolute;text-align:center;top:16px}
.sidenav-link-icon{display:block;height:24px;left:24px;width:24px}
.sidenav-link-title{display:block;padding:0 16px 0 40px}
.sidenav-dropdown{display:none;list-style:none;padding:0}
.sidenav-dropdown a{background:#191919;padding-left:72px}
.sidenav-dropdown a.a3{padding-left:90px}
.sidenav-dropdown a:hover{background:#616161}
.sidenav-dropdown li:first-child a{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}
.sidenav-dropdown-icon{display:none;height:16px;right:16px;width:16px}
.sidenav-dropdown-icon.show{display:block}
.sidenav-overlay{background:rgba(255,255,255,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}
.sidenav-no-scroll{overflow:hidden!important}

.sidenav-contact{list-style:none;margin:0;padding:0; font-size:12px; line-height:20px; color:#BDBDBD;}
.sidenav-contact li{ padding:10px 10px 0px 10px;}