.sidemenu {    
    -webkit-animation-name: slideInRight;
    -webkit-animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-name: slideInRight;    
    animation-fill-mode: both;
    animation-timing-function: ease-out;    
    animation-duration: .3s;
    padding: 0;
    margin: 0;
    bottom: auto;
    left: auto;
    float: right;
    right: 0;
    position: fixed;
    top: 20% !important;
    width: 2.7pc;
    z-index: 20;
    background: none;
}

.sidemenu-btn .sidemenu-icon-wrapper {
    display: block;
    
}

.sidemenu-icon-wrapper {
    height:32px;
    background-color: #eea038; 
    background-size:24px 24px;    
    background-position:center;
    background-repeat:no-repeat;
    cursor: pointer;
    padding:2px;
}

.sidemenu-btn:hover .sidemenu-text {
    right:42px;
    -webkit-transition: right 0.5s ease-out;
    -moz-transition: right 0.5s ease-out;
    -o-transition: right 0.5s ease-out;
    transition: right 0.5s ease-out;    
}

.sidemenu-text {
    background-color: #eea038;
    white-space:nowrap;
    position:fixed;
    top:auto;
    right:-200px;
    padding-left: 5px;
    padding-top:1px;
    padding-bottom:1px;
    
    width:140px;
    line-height: 2pc; 
    color:White;
    z-index:15;
    cursor:pointer; 
}

.sidemenu-hide {
    background-color: #003265;
}

#sidemenu-close {
    display:none;   
}

#sidemenu-open {
    display:block;   
}

@keyframes slideInRight{
	0%{
		opacity:0;
		-webkit-transform:translateX(1250px);
		transform:translateX(1250px)
	}
	to{
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}
}