/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 2001; /* Stay on top */
    top: 0; /* Stay at the top */
    right: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    max-width:100vw !important; 
  }
  
  /* The navigation menu links */
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 1rem;
    color: #818181;
    display: block;
    transition: 0.3s;
  }

  .raycast-click{
    pointer-events:auto;
  }

  .raycast-transparent{
    pointer-events:none;
  }
  
  /* When you mouse over the navigation links, change their color */
  .sidenav a:hover {
    color: #f1f1f1;
  }
  
  /* Position and style the close button (top right corner) */
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  
  /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
  #main {
    transition: margin-left .5s;
    padding: 20px;
  }


.mainNav{
  top:-14px;
  left:0px;
  z-index:3000;
  transition: 0.5s;
  background: rgb(2,0,36);
background: -moz-linear-gradient(0deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(0deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0.65) 100%);
background: linear-gradient(0deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#000000",GradientType=1);
}

.mainNav_Links{
    position:relative;
    top:19px;
    flex-grow:initial;
    transition: 0.5s;
}

.mainNavInside{
    justify-content:center !important;
}

.nav-item{
    margin:0px 20px 0px 20px;
}

.productIcon-nav{
  width:200px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  display:block;
  max-width:100%;
}

.nav-item-hr{
  border-top: 1px solid #1b3e90;
}

.navbar-brand > img{
    width:250px;
}

.navbar-dark .navbar-nav .nav-link{
    color:rgba(255,255,255,1);
}
.nav-link{
  cursor:pointer;
}
.nav-link:hover{
  color:#1b3e90 !important;
}

.nav-closeBtn{
  position: absolute;
  right: 50px;
  top:25px;
  color: #555;
  z-index:3001;
}

.nav-backBtn{
  position: absolute;
  left: 50px;
  top:25px;
  color: #555;
  z-index:3001;
}

.nav-models{
    position: fixed;
    background-color: #fff;
    width: 100%;
    min-height: 200px;
    top: 100px;
    z-index:3000;
    transition: 0.5s;
}

.nav-models-item{
  font-weight:500 !important;
  line-height:10px;
  margin-bottom:10px;
}

.nav-models-title{
  font-weight:600;
  font-size:.9rem;
  line-height:12pt;
}

.nav-models-subtitle{
  font-weight:600;
  font-size:.5rem;
  color:rgb(121, 121, 121);
}

.shopNav{
    transition: 0.5s;
    text-align:right;
    padding:5px 25px 5px 25px;
    position:fixed; 
    top:0px; 
    left:0px;
    height:35px; 
    width:100%; 
    overflow:hidden; 
    background-color:#000; 
    color:#fff;
    z-index:1002;
}

.shopNavWrapper{
    max-width:100vw;
    overflow:hidden;
}



@media screen and (max-width:1364px){
    .nav-item{font-size:.8em; margin:0px 5px 0px 5px;}
    .mainNav{left:0px;}
    .navbar-brand > img{
        width:200px;
    }

    .productIcon-nav{
      width:150px;
    }
  }

  @media screen and (max-width:861px){
    .nav-item{font-size:.7em; margin:0px 3px 0px 3px;}

    .navbar-brand > img{
        width:150px;
    }
  }
 
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }

  @media screen and (max-width:760px){
    .mainNav{left:0px; top:-14px;}
    .shopNavWrapper{display:none;}
    .navbar-brand{
        margin-left:0px;
    }


    .mainNavInside{
        justify-content:space-between !important;
    }
    
  }