.nav{width:100%}.nav div.logo{position:absolute}.nav div.logo img{width:150px;padding-top:3px}.nav div.logo a{color:#fff;text-transform:uppercase;font-size:1.8em;text-decoration:none}.nav div.logo a:hover{color:silver}.nav div.main_list{float:right;width:600px;height:65px}.nav div.main_list ul{width:100%;height:auto;margin:0;padding:0;list-style:none;display:flex}.nav div.main_list ul li{padding:0 15px}.nav div.main_list ul li a{color:#000;text-transform:uppercase;font-weight:500;line-height:65px;text-decoration:none}.nav div.main_list ul li a:hover{color:#fcc729}.nav div.main_list ul li a.active{color:#000;background:#fcc729;border-radius:5px;padding:5px 9px}.nav div.media_button{background-color:#0000;width:30px;height:40px;display:none;position:absolute;top:12px;right:45px}.nav div.media_button button.main_media_button{cursor:pointer;background-color:#0000;border:none;outline:0;width:100%;height:100%}.nav div.media_button button.main_media_button span{background-color:#322e2e;width:98%;height:1px;margin-top:12px;margin-bottom:10px;display:block}.nav div.media_button button.main_media_button:hover span:first-of-type{background-color:silver;transition:all .5s;transform:rotateY(180deg)}.nav div.media_button button.main_media_button:hover span:nth-of-type(2){background-color:silver;transition:all .4s;transform:rotateY(180deg)}.nav div.media_button button.main_media_button:hover span:nth-of-type(3){background-color:silver;transition:all .3s;transform:rotateY(180deg)}.nav div.media_button button.active span:first-of-type{margin:0;position:absolute;transform:rotate(45deg)}.nav div.media_button button.active span:nth-of-type(2){display:none}.nav div.media_button button.active span:nth-of-type(3){margin:0;position:absolute;transform:rotate(-45deg)}.nav div.media_button button.active:hover span:first-of-type{transform:rotate(20deg)}.nav div.media_button button.active:hover span:nth-of-type(3){transform:rotate(-20deg)}.home{background-color:#ddd;width:100%;height:100vh}@media screen and (max-width:768px){.nav div.main_list ul li a.active{color:#000;background:#fcc729;border-radius:5px;padding:0 9px!important}.nav div.main_list{width:100%;height:0;margin-top:65px;overflow:hidden}.nav div.show_list{height:252px}.nav div.main_list ul{flex-direction:column;width:100%;height:200px;top:80px;left:0;right:0}.nav div.main_list ul li{background-color:#fff;width:100%;height:40px}.nav div.main_list ul li a{text-align:center;width:100%;height:40px;line-height:40px;display:table}.nav div.media_button{display:block}}