@charset "utf-8";

/* CSS Document */

/*

 * MENU

 */


#nav-container {

  position: fixed;

  height: 100vh;

  width: 100%;
	top:0;
  pointer-events: none;
	z-index: 9999;

}

#nav-container .bg {

  position: absolute;

  top: 70px;

  left: 0;

  width: 100%;

  height: calc(100% - 70px);

  visibility: hidden;

  opacity: 0;

  transition: .3s;

  background: #000;

}

#nav-container:focus-within .bg {

  visibility: visible;

  opacity: .6;

}

#nav-container * {

  visibility: visible;

}

#nav-container .button {

  position: relative;

  display: flex;

  flex-direction: column;

  justify-content: center;
align-items:center;
  z-index: 1;

  -webkit-appearance: none;

  border:none!important;

  background: transparent;

  border-radius: 0;

  height: 80px;

  width:70px;

  cursor: pointer;

  pointer-events: auto;


  touch-action: manipulation;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

    border: none;

    outline:none;
box-sizinbg:border-box;

}
@media all and (max-width: 900px){
#nav-container .button {height:75px;}	
	
}
.icon-bar {

  display: block;

  width: 30px;

  height: 3px;

  background: #fff;

  transition: .3s;

}

.icon-bar + .icon-bar {

  margin-top: 5px;

}

#nav-container:focus-within .button {

  pointer-events: none;

}

#nav-container:focus-within .icon-bar:nth-of-type(1) {

  transform: translate3d(0,8px,0) rotate(45deg);

}

#nav-container:focus-within .icon-bar:nth-of-type(2) {
  	opacity: 0;
}

#nav-container:focus-within .icon-bar:nth-of-type(3) {
  	transform: translate3d(0,-8px,0) rotate(-45deg);
}

#nav-content{
	margin-top: 70px;
	padding: 20px;
	width: 90%;
	max-width: 300px;
	position: absolute;
	top: 0;
	left: 0;
	height: calc(100% - 70px);
	background: #000;
	pointer-events: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	transform: translateX(-100%);
	transition: transform .3s;
	will-change: transform;
	contain: paint;
	scrollbar-width:none;-ms-overflow-style:none;overflow-y:scroll;
}

#nav-content::-webkit-scrollbar{width:0;height:0;}

#nav-content ul {

  height: 100%;

  display: flex;

  flex-direction: column;

}

#nav-content li a{padding: 10px 5px 6px 5px;display:block;text-transform:uppercase;transition:.2s;}
#nav-content ul li.get-quote a{padding:10px;border:1px solid white;width:150px;text-align:center;margin:10px 0 25px 0;}
#nav-content li a:hover{color:#d87d67;}
#nav-content ul li.get-quote a:hover{border-color:#d87d67;}
#nav-content li li a{font-size:11px;margin-left:8px;padding-left:8px;border-left: 1px solid rgba(118,117,117,1.00);}
#nav-content li li:first-child a{padding-top:4px;margin-top:4px;}
#nav-content li li:last-child a{padding-bottom:4px;margin-bottom:6px;}
#nav-content li:not(.small) + .small {

  margin-top: auto;

}

.small {
  display: flex;
  align-self: center;

}

.small a {
  font-size: 12px;
  font-weight: 400;
  color: #888;
}

.small a + a {
  margin-left: 15px;
}

#nav-container:focus-within #nav-content {
  transform: none;
}

* {

  box-sizing: border-box;
}


ul {
  padding: 0;
  list-style: none;
}