body{background:#fff;color:#333;display:block;font-family:"Roboto","Helvetica",arial,sans-serif;margin:0;overflow-x:hidden;overflow-y:auto}

.standard{top:75px}.scrolled{top:0}
.web-nav{background:#13307f; box-shadow:0 2px 2px rgba(0,0,0,0.2);font-size:13px;height:35px;left:0;position:fixed;-webkit-transition:top .75s .25s ease;transition:top .75s .25s ease;width:100%;z-index:99; color:#FFFFFF}

.web-nav__nav-link:nth-of-type(4){background-color:#65cb65;color:#fff;display:none;padding:24px 48px}



.web-nav__nav-links-wrap{color:#FFFF99; float:right;position:relative;-webkit-transition:right 1s ease;transition:right 1s ease}

.web-nav__nav-link{color:#FFF; display:block;float:left;font-weight:900;height:6px;line-height:6px;padding:12px 8px;text-decoration:none;text-transform:lowercase;-webkit-transition:color 0.3s ease;transition:color 0.3s ease}

.web-nav__nav-link:nth-of-type(3){background-color:#65cb65;color:#fff;padding:8px 18px}
.web-nav.loaded .web-nav__nav-links-wrap,.web-nav.preload .web-nav__nav-links-wrap{right:0}

.web-nav.preload{background-color:transparent;box-shadow:none;-webkit-transition:none;transition:none}


@media (max-width: 777px){

.web-nav{font-size:8px;height:30px;-webkit-transition:intial;transition:intial}

.web-nav__nav-link:nth-of-type(4){display:inline}.web-nav__nav-link:hover{color:inherit}
.web-nav.preload .web-nav__nav-link:nth-of-type(4)

.web-nav .web-nav__nav-links-wrap:after{background-color:#fff;box-shadow:0 2px 2px rgba(0,0,0,0.2);content:'';height:1px;left:0;position:fixed;}.web-nav .web-nav__nav-links-wrap .web-nav__nav-link{height:0px;padding:8px 0px}
.web-nav .web-nav__nav-links-wrap .web-nav__nav-link:nth-of-type(3){display:none}




}