div.burger {
    cursor:   pointer;
    height:   30px;
    left:     21px;
    position: absolute;
    top:      11px;
    width:    40px;
    z-index:  999;
}

div.x, div.y, div.z {
    background:    #FFF none repeat scroll 0 0;
    border-radius: 2px;
    bottom:        0;
    margin:        auto;
    position:      absolute;
    top:           0;
    transition:    all 200ms ease-out 0s;
}

div.x, div.y, div.z {
    height: 3px;
    width:  26px;
}

div.y {
    top: 18px;
}

div.z {
    top: 37px;
}

div.collapse {
    top:        20px;
    transition: all 70ms ease-out 0s;
}

div.rotate30 {
    transform:  rotate(30deg);
    transition: all 50ms ease-out 0s;
}

div.rotate150 {
    transform:  rotate(150deg);
    transition: all 50ms ease-out 0s;
}

div.rotate45 {
    transform:  rotate(45deg);
    transition: all 100ms ease-out 0s;
}

div.rotate135 {
    transform:  rotate(135deg);
    transition: all 100ms ease-out 0s;
}

div.navbar {
    background: #385E97 none repeat scroll 0 0;
    height:     73px;
}

div.menu-bg {
    background: #EE5E2F none repeat scroll 0 0;
    height:     0;
    left:       0;
    opacity:    0;
    position:   fixed;
    top:        0;
    transition: all 300ms cubic-bezier(0, 0.995, 0.99, 1) 0s;
    width:      100%;
    z-index:    99;
}

div.menu-bg.animate {
    opacity:    1;
    transition: all 400ms cubic-bezier(0, 0.995, 0.99, 1) 0s;
    height:     100%;
}

div.menu {
    height:   100%;
    position: relative;
    width:    100%;
    z-index:  99;
}

.menu-menu-responsive-container {
    left:       0;
    overflow:   hidden;
    position:   absolute;
    text-align: center;
    top:        90px;
    width:      100%;
}

div.menu ul li {
    font-size:  19px;
    list-style: outside none none;
    margin-top: 40px;
    opacity:    0;
    text-align: center;
}

div.menu ul li a {
    color:           #FFF;
    letter-spacing:  3px;
    text-decoration: none;
    text-transform:  uppercase;
}

div.menu ul li .sub-menu a {
    letter-spacing: normal;
    text-transform: none;
}

div.menu li.animate {
    font-size:          19px;
    opacity:            1;
    -webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -moz-transition:    all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -ms-transition:     all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -o-transition:      all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    transition:         all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

div.menu li.animate:nth-of-type(1) {
    top:              120px;
    transition-delay: 0.0s;
}

div.menu li.animate:nth-of-type(2) {
    top:              190px;
    transition-delay: 0.03s;

}

div.menu li.animate:nth-of-type(3) {
    top:              260px;
    transition-delay: 0.06s;

}

div.menu li.animate:nth-of-type(4) {
    top:              330px;
    transition-delay: 0.09s;

}

div.menu li.animate:nth-of-type(5) {
    top:              400px;
    transition-delay: 0.12s;

}

div.menu li.animate:nth-of-type(6) {
    top:              470px;
    transition-delay: 0.15s;
}