.top-animate {  background: #fff !important;top: 13px !important;-webkit-transform: rotate(45deg);/* Chrome, Safari, Opera */transform: rotate(45deg); }
.mid-animate { opacity: 0; }
.bottom-animate {background: #fff !important;top: 13px !important;-webkit-transform: rotate(-225deg);/* Chrome, Safari, Opera */transform: rotate(-225deg);}
.top-menu {top: 5px;width: 25px;height: 2px;border-radius: 10px;background-color: #F9A530;}
.mid-menu {top: 11px;width: 25px;height: 2px;border-radius: 10px;background-color: #F9A530;}
.bottom-menu {top:17px;width: 25px;height: 2px;border-radius: 10px;background-color: #F9A530;}
.menui {background: #fff;transition: 0.6s ease;transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);margin-top: 10px;position: absolute;}
.icon {z-index: 999;position: fixed;background:url(../images/togglebagrnd.png) no-repeat center center;display: block;padding: 13px;height: 45px;width: 51px;margin: 0px;top:46px;right: 104px;-webkit-transition: all 500ms ease-out;-moz-transition: all 500ms ease-out;-o-transition: all 500ms ease-out;transition: all 500ms ease-out;}
.backgrnd_rotate{transform: rotate(90deg);background:url(../images/togglehover.png) no-repeat center center;transition: all 0.3s ease-in-out 0s;}
.mobilenav ul{border-top: 1px solid #45372e;width: 519px;margin: 0 auto;border-bottom: 1px solid #45372e;padding: 20px 0px 20px 0px;}
.mobilenav {font-family: inherit;top: 0;left: 0;z-index: 999;display: none;position: fixed;
width: 100%;height: 100%;background: #30211a;}
.mobilenav li {list-style-type: none;text-align: center;padding: 10px;}
.mobilenav li a {color: #f3e6d6;text-decoration: none;font-weight: 300;width: 100%;font-family: 'pt_sansregular';font-size: 36px;line-height: 32px;}
.mobilenav li:first-child { margin-top: 60px; }