.jc-menu__wrapper{

}

.jc-menu__full-page-container{
    overflow: auto;
    /*height:100%;*/
    max-height: 100%;
    width: 100%;
}

.jc-menu__full-page-container > ul, .jc-menu__full-page-container nav{
    overflow: hidden;
}

.jc-menu__full-page-wrapper .jc-menu__full-page-container{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.jc-menu__nav li{
    border: 1px solid #000;
    background: #FFF;
}

.jc-menu{
    margin: 0;
    padding: 0;
}

.jc-menu li{
    width: auto;
    display: inline-block;
    position: relative;
}

.jc-menu li:hover > ul{
    display: block;
}

.jc-menu a{
    padding: 5px 10px;
    white-space: pre;
}

.jc-menu ul{
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    z-index: 2;
}

.jc-menu ul ul{
    left: 100%;
    top:0;
}

/** Flip last menu item to not overflow **/
.jc-menu--overflow-menu > li:last-child ul{
    right: 0;
    left: auto;
}
.jc-menu--overflow-menu > li:last-child ul ul{
    right: 100%;
    left: auto;
}
/** **/

body, html{
    height: 100%;
    width: 100%;
}

body.jc-menu__no-scroll{
    overflow: hidden;
}

.jc-menu__close{
    display: block;
    margin-bottom: 10px;
    padding: 5px 10px;
}

/*.jc-menu--full-screen{*/
/*display: none;*/
/*}*/

.jc-menu--full-screen a{
    margin-right: 20px;
}

.jc-menu__full-page-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: none;
}

.jc-menu__full-page-wrapper .jc-menu__nav{
    display: inline-block;
}

.jc-menu__full-page-wrapper.jc-menu__wrapper--active{
    display: block;
}

.jc-menu__full-page-wrapper .vertical-center-wrapper {
    height: 100vh;
    width: 100%;
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.vertical-center-wrapper {
    display: table;
    position: relative;
    overflow: hidden;
}

.vertical-center-wrapper .vertical-center-inner {
    display: table-cell;
    vertical-align: middle;
}

/** Vertical menu **/
.jc-menu .jc-menu__subarrow{
    position: absolute;
    right: 0;
    top:0;
    margin: 0;
    padding: 2px;
}
.jc-menu__subarrow:before{
    content: "+";
    display: block;
}

.jc-menu__subarrow:hover{
    cursor: pointer;
}

.jc-menu-item--active > .jc-menu__subarrow:before{
    content: "-";
    display: block;
}
.jc-menu__full-page-wrapper{
    /*overflow: auto;*/
    /*height: 100%;*/
}

.jc-menu--vertical{

}

.jc-menu--vertical li{
    display: block;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

.jc-menu--vertical ul, .jc-menu--vertical ul ul{
    /*display: block;*/
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 999;
}

.jc-menu--vertical li:hover > ul{
    display: none;
}

.jc-menu--vertical li.jc-menu-item--active:hover > ul, .jc-menu--vertical li.jc-menu-item--active > ul{
    display: block;
}