/*Scrollbar*/
    /* width */
    ::-webkit-scrollbar {
      width: 5px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
      /*box-shadow: inset 0 0 5px grey; */
      border-radius: 10px;
    }
     
    /* Handle */
    ::-webkit-scrollbar-thumb {
      background: #c6a159; 
      border-radius: 10px;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
      background: #3f4441; 
    }

    .hide {
          display: none;
    }

    ion-ios-name .m
    {
      color: #ffffff;
    }


    /* Menu */
    /*.navbar {
        box-sizing: border-box;
        position: fixed;
        width: 6%;
        height: 100vh;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 0px solid #fff;
        z-index: 3;
    }*/

    .nav-toggle {
        position: relative;
        cursor: pointer;
        /*transform: rotate(90deg);*/
        color: #ffffff;
        width: 24px;
        height: 2px;
        right: -10px;
        /*font-weight: lighter;*/
        /*margin-top: -1000%;*/
        top: -46%;
        /*text-transform: uppercase;*/
        z-index: 3;
    }

    .nav-toggle-close {
        position: relative;
        cursor: pointer;
        /*transform: rotate(90deg);*/
        color: #000000;
        width: 24px;
        left: 95%;
        height: 2px;
        /*font-weight: lighter;*/
        /*margin-top: -1000%;*/
        top: -45%;
        /*text-transform: uppercase;*/
    }

    .nav {
        position: fixed;
        width: 0%;
        height: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        left: 0%;
        background: #ffffff;
        z-index: 2;
    }

    .nav-items {
        margin: 40px;
        margin-top: 2%;
    }

    .nav-item {
        position: relative;
        font-size: 100px;
    }

    .nav-item a {
        position: relative;
        top: 120px;
        text-decoration: none;
        color: #000000;
        text-transform: uppercase;
        font-size: 80px;
        font-weight: lighter;
        letter-spacing: 1px;
        transition: 1s;
    }

    /* Home */
    #nav-item a
    {
      /*-webkit-text-fill-color: transparent;*/
        /*-webkit-text-stroke-color: currentColor;*/
        color: #fff;
        -webkit-text-stroke: 1px #000;
        text-transform: uppercase;
    }

    .home:before
    {
      content: attr(data-text);
      position: absolute;
      left: 0;
      width: 0;
      color: #000;
      /*white-space: nowrap;*/
      transition: 2s;
      overflow: hidden;
    }

    .home:hover:before
    { 
      width: 100%;
    }

    /* About */
    #nav-item2 a
    {
      color: #fff;
        -webkit-text-stroke: 2px #000;
        text-transform: uppercase;
    }

    .about:before
    {
      content: attr(data-text);
      position: absolute;
      left: 0;
      width: 0;
      color: #000;
      /*white-space: nowrap;*/
      transition: 2s;
      overflow: hidden;
    }

    .about:hover:before
    {
      width: 100%;
    }

    /* Career */
    #nav-item3 a
    {
      color: #fff;
        -webkit-text-stroke: 2px #000;
        text-transform: uppercase;
    }

    .career:before
    {
      content: attr(data-text);
      position: absolute;
      left: 0;
      width: 0;
      color: #000;
      /*white-space: nowrap;*/
      transition: 2s;
      overflow: hidden;
    }

    .career:hover:before
    {
      width: 100%;
    }

    /* Sub-Brands */
    #nav-item4 a
    {
      position: relative;
      color: #fff;
        -webkit-text-stroke: 2px #000;
        text-transform: uppercase;
    }

    .sub:before
    {
      content: attr(data-text);
      position: absolute;
      left: 0;
      width: 0;
      color: #000;
      white-space: nowrap;
      transition: 2s;
      overflow: hidden;
    }

    .sub:hover:before
    {
      width: 100%;
    }

    /* Contact */
    #nav-item5 a
    {
      color: #fff;
        -webkit-text-stroke: 2px #000;
        text-transform: uppercase;
    }

    .contact:before
    {
      content: attr(data-text);
      position: absolute;
      left: 0;
      width: 0;
      color: #000;
      /*white-space: nowrap;*/
      transition: 2s;
      overflow: hidden;
    }

    .contact:hover:before
    {
      width: 100%;
    }

    

    .nav-item-wrapper:after {
        content: "";
        position: absolute;
        top: 140px;
        left: 0;
        width: 110%;
        height: 100%;
        background: #ffffff;
        margin: 0 auto;
        transition: 1s;
    }

    /* Home */
    #nav-item:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 0%;
        height: 2.8px;
        background: #000000;
        transition: 0.10s;
    }

    #nav-item:hover:after {
      width: 50%;
    }

    /* About */
    #nav-item2:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 0%;
        height: 2.8px;
        background: #000000;
        transition: 0.3s;
    }

    #nav-item2:hover:after {
        width: 60%;
    }

    /* Career */
    #nav-item3:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 0%;
        height: 2.8px;
        background: #000000;
        transition: 0.3s;
    }

    #nav-item3:hover:after {
        width: 65%;
    }

    /* Sub-Brands */
    #nav-item4:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 0%;
        height: 2.8px;
        background: #000000;
        transition: 0.3s;
    }

    #nav-item4:hover:after {
        width: 100%;
    }

    /* Contact */
    #nav-item5:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 0%;
        height: 2.8px;
        background: #000000;
        transition: 0.3s;
    }

    #nav-item5:hover:after {
        width: 80%;
    }

    .nav-ok{
      position: fixed;
      /*opacity: 0.2;*/
      z-index: 1;
      background: cover;
      
    }