/* Menu toggle */
.menu-toggle{
    width: 4.5em;
    height: 3.9em;
}

.menu-toggle div {
    position: absolute;
    left: 1em;
    height: 3px;
    width: 30px;
    background: #fff;
    -webkit-transition: 500ms all cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: 500ms all cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: 500ms all cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: 500ms all cubic-bezier(0.77, 0, 0.175, 1);
    transition: 500ms all cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 1;
}

.menu-toggle div:nth-child(1) {
    top: 10px;
}

.menu-toggle div:nth-child(2) {
    top: 20px;
}

.menu-toggle div:nth-child(3) {
    top: 30px;
    width: 20px;
    left: 22px;
}

.menu-toggle div:nth-child(3) {
    transform-origin: bottom right;
}

.menu-toggle div {
    background: #fff;
}

.main-navigation.toggled .menu-toggle div:nth-child(1) {
    -webkit-transform: translateY(0.8em) rotate(45deg) scale(1.05);
    -moz-transform: translateY(0.8em) rotate(45deg) scale(1.05);
    -ms-transform: translateY(0.8em) rotate(45deg) scale(1.05);
    -o-transform: translateY(0.8em) rotate(45deg) scale(1.05);
    transform: translateY(0.8em) rotate(45deg) scale(1.05);
}

.main-navigation.toggled .menu-toggle div:nth-child(2) {
    -webkit-transform: rotate(-45deg) scale(1.05);
    -moz-transform: rotate(-45deg) scale(1.05);
    -ms-transform: rotate(-45deg) scale(1.05);
    -o-transform: rotate(-45deg) scale(1.05);
    transform: rotate(-45deg) scale(1.05);
}

.main-navigation.toggled .menu-toggle div:nth-child(3) {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}