#main-nav {
   width:100%;
   height:70px;
   background:#292929;
   z-index:100;
	position:initial;
}
	
#main-nav * {
   box-sizing: initial!important;
}
	
#main-nav a#logo_left_of_menu {
	display:none;
}

#main-nav a#phone_right_of_menu {
	display:none;
}


#main-nav .main a#phone_in_mobile_nav {
	display:block;
	float:right;
	margin-right:20px;
	color:white;
	font-size:1.6em;
	font-weight:bold;
	padding-top:27px;
}
	
.btn_nav_mobile {
   width:100px;
   height:34px;
   border:none;
   position:absolute;
   top:20px;
   left:20px;
   display:block;
   z-index:900;
}

ul.nav {
	top:70px;
	left:0; /* make 50% to have menu appear on right. Must also update nav_full_width.js */
	width:70%;
	position:relative;
}

ul.nav li {
	width:100%!important;
	border-bottom:1px dotted #9cbfda;
	text-align:left;
	line-height:1.4;
}

ul.nav li a {
	width:70%;
	color:#fff;
	padding:26px 10% 26px 20%;
	text-decoration:none;
	display:block;
}

ul.nav li a:hover, ul.nav li a:focus{
	background-color:#c8102e;
}

.full_width_menu_image, .full_width_menu_quote, .full_width_menu_items h2{
	display:none;
}
	 
#main-nav .main > ul li > a {
	background:#c8102e;
	text-transform:uppercase;
}

#main-nav .main > ul li ul li {
	border-bottom:1px solid #555;
	font-size: 0.90em;
}

#main-nav .main > ul li ul li a {
	background:#333;
}

#main-nav .main > ul li ul li a:focus {
	background:#c8102e;
}

#main-nav .main > ul li ul li ul li {
	border-bottom:1px dotted #ddd;
}

#main-nav .main > ul li ul li ul li a {
	background:#666;
}

#main-nav .main > ul li.has-sub ul {
	height:0;
	overflow:hidden;
}

#main-nav .main > ul li.has-sub > a {
	background-image: url("../nav/images/nav_arrow_sub.png");
	background-position: 7% center;
	background-repeat: no-repeat;
}

#nav_mobile {
	width:0;
}

@media (min-width: 375px) {

	#main-nav .main a#phone_in_mobile_nav {
		margin-right:50px;
		font-size:2em;
		padding-top:25px;
	}
	
   .btn_nav_mobile {
      width:120px;
      height:42px;
      top:16px;
      left:30px;
   }

}

@media (min-width: 550px) {
	ul.nav li a {
      padding:26px 13% 26px 17%;
   }
}

@media (min-width: 850px) {

   #main-nav .main a#phone_in_mobile_nav {
      display: none;
   }

   #main-nav {
      width: 100%;
      height: auto;
      min-height: 56px;
      position: relative;
      text-align: center;
   }

   #main-nav .main {
      left: 0;
      width: 80%;
      margin: auto;
      position: static;
   }

   #main-nav ul.nav {
      top: 0;
      left: 0;
      width: 100%;
      position: initial;
   }

   .btn_nav_mobile {
      display: none;
   }

   .navArrow {
      position: absolute;
      bottom: 0;
   }

   #main-nav .main > ul {
      padding: 0;
      font-family: 'Raleway', sans-serif;
      letter-spacing: 0.05em;
      font-weight: 700;
      font-size: 16px;
      text-transform: uppercase;
      line-height: 1.3;
      list-style: none;
      display: flex;
      justify-content: center;
   }

   #main-nav .main > ul li.has-sub ul {
      height: 100%;
      overflow: visible;
   }

   #main-nav .main > ul li {
   }

   #main-nav .main > ul li > a {
      display: block;
      color: #fff;
      height: 100%;
      width: 100%;
      padding: 0;
      background: none;
   }

   #main-nav .main > ul li > a span {
      display: block;
      padding: 0 10px;
      position: relative;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      /* border-bottom: 2px solid #292929;  */
   }

   #main-nav .main > ul li.active-menu > a {
      color: red;
   }

   #main-nav .main > ul > li:first-of-type {
      border-left: none;
   }

   #main-nav .main > ul li:last-child {
      border-right: none;
   }

   #main-nav .main > ul > li a:hover, #main-nav .main > ul > li a:focus {
      border-color: #15b999;
   }

   #main-nav .main > ul > li a:focus span {
      border-bottom: 2px solid #15b999;
      color: #15b999;
   }

   #main-nav .main > ul > li a.active,
   #main-nav .main > ul > li a.active:hover {
      background: url("images/nav_arrow.png") no-repeat center bottom #0f6cb6;
      color: #fff;
      cursor: default;
   }

   #main-nav ul li {
      float: left;
      z-index: 801;
      height: 56px;
      padding: 0;
      text-align: center;
      width: auto;
      border-bottom: none;
      letter-spacing: 1px;
   }

   #main-nav .main > ul li.has-sub > a {
      background-image: url("../nav/images/nav_arrow_sub_right.png");
      background-position: right 20px center;
      background-repeat: no-repeat;
   }

   #main-nav .main > ul > li.has-sub > a {
      background-image: none;
   }

   #main-nav ul li:hover a {
      border-color: #15b999;
      color: #fff;
   }

   #main-nav ul li:hover a span {
      border-bottom: 2px solid #fff;
   }

   #main-nav ul li ul li a:hover {
      background-color: #c8102e;
      color: #fff;
   }

   #main-nav ul li ul {
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 14px;
      font-weight: 400;
      letter-spacing: normal;
      text-transform: none;
      text-align: left;
      line-height: 1.3;
      position: absolute;
      display: none;
      top: 56px;
      left: -1px;
      z-index: 300;
      width: 100%;
      padding-left: 0;
      margin-left: 0%;
      /* *margin-left: 0%; */
      list-style: none;
   }

   #main-nav ul li ul a {
      padding: 15px 50px 15px 25px;
      display: block;
      color: #fff;
   }

   #main-nav ul li ul li {
      width: 100%;
      height: auto;
      text-align: left;
      border-left: none;
      border-right: none;
   }

   #main-nav .main > ul li ul li {
      font-size: 100%;
   }

   #main-nav .main > ul li ul li > a {
      width: 80%;
      padding: 6px 10%;
      color: #fff;
   }

   #main-nav ul li ul li:hover {
      background-color: #444;
   }

   #main-nav ul li ul li ul {
      top: 0;
      left: 100%;
      min-width: 280px;
   }

   #main-nav .main > ul li ul li ul li a {
      background: #333;
   }

   #main-nav.lock_nav{
      border-bottom: 2px solid red;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
      background:#F4F4F4;
      
      -moz-box-shadow:    0px 2px 0px yellow;
      -webkit-box-shadow: 0px 2px 0px yellow;
      box-shadow:         0px 2px 0px #ffe14f;
   }

   #main-nav.lock_nav a#logo_left_of_menu {
		display:block;
		width:calc(15% - 10px);
      max-width:170px;
		padding:0;
		border: 1px dotted transparent;
		position:absolute;
		top:50%;
		transform:translate(0,-50%);
		-ms-transform:translate(0,-50%);
		-webkit-transform:translate(0,-50%);	
	}

	#main-nav.lock_nav a#logo_left_of_menu:focus{
		border: 1px dotted #CCC;
	}

	#main-nav.lock_nav a#logo_left_of_menu img {
		display:block;
		width:95%;
		margin:auto;
		padding:0;
	}

   #main-nav.lock_nav a#phone_right_of_menu {
	   display:block;
      width:calc(13% - 10px);
      position:absolute;
      right:10px;
	   top:50%;
	   transform:translate(0,-50%);
	   -ms-transform:translate(0,-50%);
	   -webkit-transform:translate(0,-50%);	
 		font-size:1.3em;
		font-weight:bold;
		color:#D81E05;
      font-family: 'Montserrat', sans-serif;

  }

}