body{
    font-family: 'Open Sans', sans-serif;
} 

.disable_{
    ponter-events:none
}
.sm-main{
    font-size:10px;
    position:fixed;
   left:0;
    right:auto;
    top:0;
    height:100%;
    width:260px;
    z-index:20;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform:translate(-100%, 0);
    -ms-transform:translate(-100%, 0);
    transform:translate(0, -100%);
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0)
}
.sm-overlay{
    background:rgba(0,0,0,0.7);
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:10
}
.sm-main-left{
    right:auto;
    left:0;
    -webkit-transform:translate(-100%, 0);
    -ms-transform:translate(-100%, 0);
    transform:translate(-100%, 0);
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0)
}
.sm{
    transition:opacity 0.7s linear,-webkit-transform 0.7s cubic-bezier(0, 0.98,0.65, 0.22);
    transition:transform 0.7s cubic-bezier(0.65, 0.22, 0, 0.98),opacity 0.7s linear;
    transition:transform 0.7s cubic-bezier(0.65, 0.22, 0, 0.98),opacity 0.7s linear,-webkit-transform 0.7s cubic-bezier(0.65, 0.22, 0, 0.98);
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0;
    -webkit-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    transform:translate(0, 0);
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:0
}
.sm-body{
    background:#FFF;
    height:100%
}
.sm-scroller{
    overflow-y:auto;
    height:100%;
    width:100%;
      background-image: linear-gradient(-180deg, rgba(255,255,255,0.60) 0%, #eae7e2 100%);
color: #61918D;
}
.sm-main>.sm-show{
    -webkit-transform: translate(100%, 0);
    -ms-transform:translate(-100%, 0);
    transform: translate(100%, 0);
    -webkit-transform:translate3d(-100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    box-shadow:0 0 10px rgba(0,0,0,0.29);
    opacity:1;
}
.sm-main-left .sm{
    height:100%;
    left:0;
    top:0;
    width:100%;
    z-index:0;
    -webkit-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    transform:translate(0, 0);
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.sm-main-left>.sm-show{
    -webkit-transform:translate(100%, 0);
    -ms-transform:translate(100%, 0);
    transform:translate(100%, 0);
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0)
}
.sm-title{
    font-size:1.5em;
    font-weight:300;
    margin:0;
    padding:1.5em
}
.sm-item-label,.sm a{
   color: #61918D;
    cursor:pointer;
    text-decoration:none
}
.sm-item-more>.sm-item-label::after{
    display:block;
    position:absolute;
    content:">";
    right:0;
    font-size:1.7em;
    color:#61918D;
    top:0;
    font-family:arial;
    line-height:1;
    padding:.36em 0.9em;
    font-weight:100
}
.sm-content>ul{
    padding:0;
    margin:0
}
.sm-item{
    list-style:none;
    margin:0
}
.emblema {
    width: 120px;
    float: left;
    position: absolute;
    left: 90px;
    top: 415px;
    z-index: 1000;
    font-size: 17px;
    font-weight: 300;
    color: #F7E3C3;
    letter-spacing: 0.6px;
    line-height: 15px;
    
   
}
html.sm-desktop .sm-item-label:hover{
    box-shadow:inset 0 -1px transparent;
    background:#fdf3e2;
    color:#B84323;
}
html.sm-desktop .sm-item-label:hover::after{
    color:#B84323;
}
html.sm-touch .sm-scroller{
    overflow:scroll;
    -webkit-overflow-scrolling:touch
}
html.sm-touch .sm-content{
    min-height:105%
}
.sm-item-label{
    position:relative;
    transition:background .3s,box-shadow .3s;
    box-shadow:inset 0 -1px rgba(0,0,0,0.2);
    display:block;
    font-size:1.4em;
    line-height:2em;
    outline:0;
    padding:.7em 1.8em .7em 1em;
    text-shadow:0 0 1px rgba(255,255,255,0.1)
}
.sm-back{
    cursor:pointer;
    background:#FFF;
   top:90px;
    display:block;
    font-size:1.3em;
    font-weight:700;
    letter-spacing:1px;
    outline:0;
    padding:1em 1em 1em 2.5em;
    position:relative;
    text-transform:uppercase;

    width: 100%;
    height: 50px;
    padding-left: 47px;
    font-size: 15px;
    color: #B84323;
    letter-spacing: 0.36px;
    background-color: #f9ecd8;
    font-weight: 400;
   
    background-position: 18px 12px, 0px bottom;
    background-size: auto auto, 100% auto;
    margin-top:-11px;
    line-height:33px;
}
.sm-back:hover{
    background:#B84323;
    color:#f9ecd8;
}
.sm-back:hover::after{
    color:white
}
.sm-back::after{
    color:#B84323;
    display:block;
    position:absolute;
    content:"<";
    left:0;
    font-size:1.5em;
    top:0;
    font-family:arial;
    font-weight:100;
    line-height:1;
    padding:1em 0.6em
}



.sm-useraccount-photo{
     height: 98px;
    width: 100%;
    
}
.sm-useraccount-photo2{
     height: 80px;
    width: 100%;
    
}
.sm-useraccount-photo3{
     height: 30px;
    width: 100%;
    
}
.sm-useraccount-name{
   width:120px;
    float: left;
   position: absolute;
   left: 60px;
   top: 45px;
   z-index: 1000;
   font-size: 17px;
    font-weight: 300;
    color: #F7E3C3;
    letter-spacing: 0.6px;
    line-height: 15px;
     background-image: url('../images/close-icon.png');
     
 background-repeat: no-repeat;
text-align: right;
background-position:-5% 45%;
   
}
.sm-useraccount-name2{
 width:260px;
   float: left;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1000;
   font-size: 17px;
   font-weight: 300;
   color: #F7E3C3;
   letter-spacing: 0.6px;
   line-height: 115px;
   background-image: url('../images/bg-image-1.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   text-align: center;
   height:90px;
   cursor:pointer;
}

/* Search input */
.search_box.search_mobile input {
    width: 100%;
    height: 47px;
    padding-left: 47px;
    font-size: 15px;
    color: #B84323;
    letter-spacing: 0.36px;
    background-color: #f9ecd8;
    font-weight: 400;
    background-image: url('../images/icon-search-2.svg'), url('../images/line-4.svg');
    background-repeat: no-repeat;
    background-position: 18px 12px, 0px bottom;
    background-size: auto auto, 100% auto;
    margin-top:-11px;
}
/*# sourceMappingURL=sidemenu.css.map */