.Header > .PageMenu {
    z-index:5;
    color:#fff;
    display:flex;
    flex-flow:row;
    font-size:18px;
    /*text-transform: uppercase;*/
    user-select:none;
    align-items:center;
    justify-content: flex-end;
    flex:1;
}
.Header > .PageMenu > .menu-wrap {
    flex-flow:row;
}
.Header > .PageMenu > .menu-wrap > .PageMenuItem {
    padding:20px;
    box-sizing: border-box;
    transform: rotateX(80deg);
    opacity:0;
    transition:opacity 250ms ease-out, transform 250ms ease-out;
    cursor:pointer;
    position:relative;
    display:flex;
    align-items:center;
    flex-flow:column;
}

.Header > .PageMenu > .menu-wrap > .PageMenuItem[data-desktop='false'] {
    display:none;
}
.Header > .PageMenu > .menu-wrap > .PageMenuItem:after {
    content:'';
    opacity:0;
    background:#FC3A3A;
    width:50%;
    max-width:80px;
    height:3px;
    margin-top:4px;
    transform:translate3d(0,-10px,0);
    transition:opacity 150ms ease-out, transform 150ms ease-out;
    width:50px;
    align-self:flex-start;
}
.Header > .PageMenu > .menu-wrap > .PageMenuItem[data-selected='true']:after {
    opacity:1;
    transform:none;
}
.Header > .PageMenu > .menu-wrap > .Select {
    align-self:center;
    opacity:0;
    transform: rotateX(80deg);
    transition:all 150ms ease-out;
}
.Header > .PageMenu > .menu-wrap > .Select .select-label {
    padding:12px 20px 16px
}
@media screen and (max-width: 1200px) {
    .Header > .PageMenu {
        font-size:20px;
        position:absolute;
        right:0;
        top:0;
        background:none;
        box-sizing:border-box;
        pointer-events:none;
        padding:0;
        width:100%;
        height:100%;
    }
    .Header > .PageMenu > .handle {
        position:absolute;
        top:23px;
        right:20px;
        width:26px;
        height:26px;
        z-index:700;
        pointer-events:all;
    }
    .Header > .PageMenu > .handle > .handle-icon {
        position:absolute;
        top:12px;
        left:0;
        width:26px;
        height:100%;
        background:#fff;
        transition:background 150ms ease-out;
    }
    .Header > .PageMenu > .handle > .handle-icon:before,
    .Header > .PageMenu > .handle > .handle-icon:after {
        content:'';
        width:100%;
        position:absolute;
        background:#fff;
        transform-origin: center;
        transition:all 150ms ease-out;
    }
    .Header > .PageMenu > .handle > .handle-icon,
    .Header > .PageMenu > .handle > .handle-icon:before,
    .Header > .PageMenu > .handle > .handle-icon:after {
        height:2px;
    }
    .Header > .PageMenu > .handle > .handle-icon:before {
        top:-8px;
    }
    .Header > .PageMenu > .handle > .handle-icon:after {
        top:8px;
    }
    .Header > .PageMenu[data-toggle='true'] {
        position:fixed;
        z-index:6;
    }
    .Header > .PageMenu[data-toggle='true'] > .handle > .handle-icon {
        background: none;
    }
    .Header > .PageMenu[data-toggle='true'] > .handle > .handle-icon:before {
        transform:rotate(45deg);
        transform-origin: center;
        background:#fff;
        top:0;
    }
    .Header > .PageMenu[data-toggle='true'] > .handle > .handle-icon:after {
        transform:rotate(-45deg);
        transform-origin: center;
        background:#fff;
        top:0;
    }
    .Header > .PageMenu > .menu-wrap {
        transition:transform 150ms ease-out, opacity 150ms ease-out;
        transform:translate3d(0,-20px,0)!important;
        opacity:0!important;
        pointer-events:none;
        background:#2e040d;
        padding:20px 20px 10px;
        box-sizing:border-box;
        flex-flow:column;
        align-items:flex-start;
        pointer-events:none;
        position:absolute;
        top:0;
        left:0;
        z-index:500;
        width:100%;
    }
    .Header > .PageMenu[data-toggle='true'] > .menu-wrap {
        transform:none!important;
        opacity:1!important;
        pointer-events:all;
        height:100%;
    }
    .Header > .PageMenu > .menu-wrap > .PageMenuItem[data-desktop='false'] {
        display:flex;
    }
    .Header > .PageMenu > .menu-wrap > .PageMenuItem:not(:first-child) {
        box-shadow: none;
    }
    .Header > .PageMenu > .menu-wrap > .Select {
        align-self:flex-start;
    }
    .Header > .PageMenu > .menu-wrap > .Select.right {
        right:unset;
        left:0;
    }
    .Header > .PageMenu > .menu-wrap > .PageMenuItem {
        align-items:flex-end;
        padding:10px;   
        color:#fff;
    }
    .Header > .PageMenu[data-toggle='true'] > .menu-wrap > .PageMenuItem:after {
        background:#FC3A3A;
    }
}