.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: .438em .625em; line-height: 1.125em; cursor: pointer } .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar { margin-top: .188em } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; font-weight: 700 } .slicknav_menu .slicknav_icon { float: left; width: 1.125em; height: .875em; margin: .188em 0 0 .438em } .slicknav_menu .slicknav_icon:before { background: 0 0; width: 1.125em; height: .875em; display: block; content: ""; position: absolute } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: .125em; border-radius: 1px; background-color: grey } .slicknav_menu:after, .slicknav_menu:before { content: " "; display: table } .slicknav_menu:after { clear: both } .slicknav_brand { float: left } .slicknav_menu { font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px } .slicknav_btn { margin: 5px 5px 6px; text-decoration: none; border-radius: 4px } .slicknav_icon-bar { -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out } .slicknav_open .slicknav_icon-bar:nth-child(1) { -webkit-transform: translateY(5px) rotate(45deg); transform: translateY(5px) rotate(45deg) } .slicknav_open .slicknav_icon-bar:nth-child(2) { visibility: hidden } .slicknav_open .slicknav_icon-bar:nth-child(3) { -webkit-transform: translateY(-5px) rotate(-45deg); transform: translateY(-5px) rotate(-45deg) }