.hamburger_1 {
    cursor             : pointer;
    display            : none;
    height             : 22px;
    position           : absolute;
    right              : 15px;
    top                : 15px;
    transform          : rotate(0deg);
    -webkit-transform  : rotate(0deg);
    -moz-transform     : rotate(0deg);
    -o-transform       : rotate(0deg);
    transition         : .5s ease-in-out;
    -webkit-transition : .5s ease-in-out;
    -moz-transition    : .5s ease-in-out;
    -o-transition      : .5s ease-in-out;
    width              : 30px;
}

.hamburger_1 span {
    background            : #A56734;
    border-radius         : 2px;
    -webkit-border-radius : 2px;
    -moz-border-radius    : 2px;
    display               : block;
    height                : 2px;
    left                  : 0;
    opacity               : 1;
    position              : absolute;
    transform             : rotate(0deg);
    -webkit-transform     : rotate(0deg);
    -moz-transform        : rotate(0deg);
    -o-transform          : rotate(0deg);
    transition            : .25s ease-in-out;
    -webkit-transition    : .25s ease-in-out;
    -moz-transition       : .25s ease-in-out;
    -o-transition         : .25s ease-in-out;
    width                 : 100%;
}

.hamburger_1 span:nth-child(1) {
    top : 0;
}

.hamburger_1 span:nth-child(2),
.hamburger_1 span:nth-child(3) {
    top : 9px;
}

.hamburger_1 span:nth-child(4) {
    top : 18px;
}

.hamburger_1.open span:nth-child(1) {
    left  : 50%;
    top   : 9px;
    width : 0;
}

.hamburger_1.open span:nth-child(2) {
    transform         : rotate(45deg);
    -webkit-transform : rotate(45deg);
    -moz-transform    : rotate(45deg);
    -o-transform      : rotate(45deg);
}

.hamburger_1.open span:nth-child(3) {
    transform         : rotate(-45deg);
    -webkit-transform : rotate(-45deg);
    -moz-transform    : rotate(-45deg);
    -o-transform      : rotate(-45deg);
}

.hamburger_1.open span:nth-child(4) {
    left  : 50%;
    top   : 9px;
    width : 0;
}

#mobile_menu {
    border-bottom-left-radius          : 15px;
    -webkit-border-bottom-left-radius  : 15px;
    -moz-border-radius-bottomleft      : 15px;
    border-bottom-right-radius         : 15px;
    -webkit-border-bottom-right-radius : 15px;
    -moz-border-radius-bottomright     : 15px;
    box-sizing                         : border-box;
    left                               : 0;
    margin                             : 0 15px;
    overflow-y                         : auto;
    padding                            : 75px 15px 15px 15px;
    position                           : fixed;
    right                              : 0;
    top                                : 0;
    transform                          : translateY(-100%);
    -webkit-transform                  : translateY(-100%);
    -moz-transform                     : translateY(-100%);
    transition                         : transform 0.5s;
    -webkit-transition                 : transform 0.5s;
    -moz-transition                    : transform 0.5s;
}

#mobile_menu.open {
    transform          : translateY(0);
    -webkit-transform  : translateY(0);
    -moz-transform     : translateY(0);
    transition         : transform 0.5s;
    -webkit-transition : transform 0.5s;
    -moz-transition    : transform 0.5s;
}

#mobile_menu li.title {
    line-height   : 40px;
    margin        : 15px 0 5px 0;
    border-bottom : 3px solid #A56734;
}

#mobile_menu li.active_menu a,
#mobile_menu a.active_menu {
    background : #A56734;
    color      : #FFFFFF;
}

#mobile_menu .active_menu:after {
    background    : none;
    border        : 5px solid #FFFFFF;
    border-left   : none;
    border-bottom : none;
    content       : "";
    display       : block;
    float         : right;
    height        : 12px;
    margin        : 12px;
    transform     : rotate(45deg);
    width         : 12px;
}

#mobile_menu .active_menu.active_sub_menu:after {
    transform     : rotate(135deg);
}

#mobile_menu a {
    color         : #1E1E1E;
    display       : block;
    height        : 44px;
    line-height   : 40px;
    padding       : 0 2px;
    overflow      : hidden;
    text-overflow : ellipsis;
    transition    : height 300ms;
    white-space   : nowrap;
}

#mobile_menu a:hover {
    background : #A56734;
    color      : #FFFFFF;
}

#mobile_main_menu,
#mobile_sub_menu {
    font-size : 16px;
}

#mobile_sub_menu {
    background   : #B5A89C;
    border       : 1px solid #A56734;
    margin-left  : 20px;
    padding-left : 15px;
}

#mobile_sub_menu h1 {
    margin-top : 25px;
}