@font-face{font-family:Lato;src:url(fonts/Lato-Light.ttf) format("truetype");font-weight:300}@font-face{font-family:Lato;src:url(fonts/Lato-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Lato;src:url(fonts/Lato-Bold.ttf) format("truetype");font-weight:700}section.wrapper_page{background-color:#fff;width:100%}nav{position:fixed;width:100%;z-index:9997;background-color:#202b3e;display:none}nav>section{height:80px;width:1400px;margin:auto;position:relative;transition:height .4s}nav>section img{width:150px;cursor:pointer;transition:width .4s}nav>section a.logo_link{outline:0 none;position:absolute;top:20px;left:30px;z-index:9998;transition:top .4s}nav>section #menu_button{top:13px;position:fixed;right:40px;width:20px;height:30px;display:none;cursor:pointer;z-index:9999;font-family:Lato,sans-serif;font-weight:400;color:red;line-height:30px;font-size:17px;transition:top .4s}nav>section #menu_button span{display:block;position:absolute;top:14px;height:0;background:#fff}nav>section #menu_button span::after,nav>section #menu_button span::before{position:absolute;display:block;left:0;width:20px;height:2px;border-radius:1px;background-color:#fff;content:"";transition-duration:.4s}nav>section #menu_button span::before{top:-5px}nav>section #menu_button span::after{bottom:-5px}nav>section #menu_button.is_active span{background:0 0}nav>section #menu_button.is_active span::before{top:-1px;-ms-transform:rotate(45deg);transform:rotate(45deg)}nav>section #menu_button.is_active span::after{bottom:-1px;-ms-transform:rotate(-45deg);transform:rotate(-45deg)}ul.nav-ul{text-align:right;padding-right:50px;position:relative;top:auto}ul.nav-ul li{display:inline-block;padding:0 15px;margin:0;width:auto;transition:box-shadow .4s}ul.nav-ul li a{color:#fff;text-decoration:none;line-height:80px;font-size:1em;font-weight:300}ul.nav-ul li a:hover{color:rgba(255,255,255,.516)}@media screen and (max-width:1400px){nav>section{width:100%}}@media screen and (min-width:801px){nav>section>ul.nav-ul{width:auto!important}}@media screen and (max-width:800px){nav>section{height:56px}nav>section img{width:110px}nav>section a.logo_link{top:15px}nav>section ul.nav-ul{right:0;width:0;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;top:0;height:100vh;padding:0;transition:width .4s;background-color:#202b3e}nav>section ul.nav-ul li{display:block;text-align:left;padding:7px 20px}nav>section ul.nav-ul li:hover{box-shadow:none}nav>section ul.nav-ul li a{font-size:1.6em;position:relative;line-height:normal}nav>section ul.nav-ul li a img{display:none}nav>section #menu_button{display:block}}@media screen and (max-height:500px){nav>section ul.nav-ul{overflow:scroll;-webkit-overflow-scrolling:touch}}@media screen and (max-width:600px){nav>section ul.nav-ul li a{font-size:1.3em}}