.menu-toggle,
.menu-toggle * {
    -webkit-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.menu-toggle span {
    display:block;
    background:#FFF
}

body.page .menu-toggle span {
    background-color: #236192;
}
.menu-toggle {
    width:60px;
    height:60px;
    float: left;
    position: relative;
    cursor:pointer;
    display:block;
    outline: none;
}

.menu-toggle .hamburger {
    position:absolute;
    left:0;
    height:100%;
    width:100%;
    outline: none;
}
.menu-toggle .hamburger span {
    width:25px;
    height:2px;
    position:relative;
    top:14px;
    left:17px;
    margin:7px 0;
    opacity:1
}
.menu-toggle .hamburger span:first-child {
    -webkit-transition-delay:.5s;
    -o-transition-delay:.5s;
    transition-delay:.5s;
}
.menu-toggle .hamburger span:nth-child(2) {
    -webkit-transition-delay:.625s;
    -o-transition-delay:.625s;
    transition-delay:.625s;
}
.menu-toggle .hamburger span:nth-child(3) {
    -webkit-transition-delay:.75s;
    -o-transition-delay:.75s;
    transition-delay:.75s;
}
.menu-toggle .cross {
    position:absolute;
    height:100%;
    width:100%;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    left:0;
    outline: none;
}
.menu-toggle .cross span:first-child {
    height:0%;
    width:2px;
    position:absolute;
    top:25%;
    left:29px;
    -webkit-transition-delay: width 0s;
    -o-transition-delay: width 0s;
    transition-delay: width 0s;
    opacity:0;
}
.menu-toggle .cross span:nth-child(2) {
    width:0%;
    height:2px;
    position:absolute;
    left:25%;
    top:29px;
    -webkit-transition-delay: width .25s;
    -o-transition-delay: width .25s;
    transition-delay: width .25s;
    opacity:0;
}
.menu-toggle.open .hamburger span {
    width:0%
}
.menu-toggle.open .hamburger span:first-child {
    opacity:0;
    -webkit-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s;
}
.menu-toggle.open .hamburger span:nth-child(2) {
    opacity:0;
    -webkit-transition-delay:.125s;
    -o-transition-delay:.125s;
    transition-delay:.125s
}
.menu-toggle.open .hamburger span:nth-child(3){
    opacity:0;
    -webkit-transition-delay:.25s;
    -o-transition-delay:.25s;
    transition-delay:.25s
}
.menu-toggle.open .cross span:first-child{
    height:50%;
    opacity:1;
    -webkit-transition-delay:.625s;
    -o-transition-delay:.625s;
    transition-delay:.625s
}
.menu-toggle.open .cross span:nth-child(2){
    width:50%;
    opacity:1;
    -webkit-transition-delay:.375s;
    -o-transition-delay:.375s;
    transition-delay:.375s
}






@media (max-width:1100px) {
    .menu-toggle .hamburger,
    .menu-toggle .cross {
        display: none!important;
    }
}