/*===================== 
	nav styles 
=======================*/



.navigation {
    
    
    margin: 0 auto;text-align: center;}
nav.primary i{
	color:#F3F3F3;
	}

nav.primary ul li a .click{/* dropdown menu idicator arrow be sure to include this image with your image files */ 
		cursor:pointer;
		z-index: 12399994;
		top:0;
		right:0;
		width:auto;
		height:auto;
		padding: 10px 15px;
	}
nav.primary {
	padding:0;
	display:block;
	width:100%;
	position:relative;
	background:transparent;
    float:right;
	}
	nav.primary ul {
		margin:0; 
		padding:0;
		}
		nav.primary ul li {
			display:inline-block;
			margin:0 -2px;
			list-style-type:none; 
			}
			nav.primary ul li a {
				color:#F3F3F3;
				font-size:15px;
				text-decoration:none;
				padding:35px 15px 10px 15px;
				display:block;
				margin:0 10px;
                position:relative;
                font-family: Lora, serif;
				text-align:center;
				-webkit-transition:.4s ease-in;  
				-moz-transition:.2s ease-in;  
				-o-transition:.2s ease-in;  
				transition:.2s ease-in;	
				}	

nav.primary ul li a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  background: #fff;
  transition: width 0.4s ease 0s, left 0.4s ease 0s;
  width: 0;
}
			
nav.primary ul li a:hover:after {
   width: 100%; 
    left: 0; }
	

			/* Appearance of the sub-level links */
			nav.primary ul.list {
				background: rgba(247,45,49,0.7);
                backdrop-filter: blur(10px);
                border: 1px solid #EC3033;
                border-radius: 4px;
                width:640px;
                height:55px;
                padding:0px 20px
			}

			nav.primary ul #parts-list {
				background: rgba(247,45,49,0.7);
                backdrop-filter: blur(10px);
                border: 1px solid #EC3033;
                border-radius: 4px;
                width:405px!important;
                height:55px;
                padding:0px 20px
			}

			nav.primary ul #video-list {
				background: rgba(247,45,49,0.7);
                backdrop-filter: blur(10px);
                border: 1px solid #EC3033;
                border-radius: 4px;
                width: 594px!important;
                height:55px;
                padding:0px 20px
			}


			nav.primary ul #prod-list {
				background: rgba(247,45,49,0.7);
                backdrop-filter: blur(10px);
                border: 1px solid #EC3033;
                border-radius: 4px;
                width: 442px!important;
                height: 117px;
                padding:0px 20px
			}

			nav.primary ul.list li {
				display:inline-block;
				list-style-type:none;
			}
			nav.primary ul li li a { 
				font-size:15px;
                display:block;
				padding:20px 15px 15px 15px;
				color:#F3F3F3 !important;
				text-align:center;
                transition:.3s ease
			}

			nav.primary ul li li a:hover { 
				color:#3E1010!important
			}

nav.primary ul li li a:after {
  height: 0px;
  left: 0%;
  background:transparent;
  transition: none;
  width: 0;
}
			
nav.primary ul li li a:hover:after {
   width: 0%; }
	


/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too much */
nav.primary ul ul {
    display: none;
    position: absolute; 
}
nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
nav.primary ul li:hover > ul {  
    display: block; 
    z-index: 100;
}
nav.primary ul ul li {
    float: none; 
    position: relative;
}


/* main primary (not default) */

.main-header-wrap{
    width:100%;
    padding-bottom:10px;
    box-shadow:0 0 25px rgba(0,0,0,0.4);
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background:#1E1E1E
}

nav.main-primary i{
	color:#C1C1C1;
	}

nav.main-primary ul li a .click{/* dropdown menu idicator arrow be sure to include this image with your image files */ 
		cursor:pointer;
		z-index: 12399994;
		top:0;
		right:0;
		width:auto;
		height:auto;
		padding: 10px 15px;
	}
nav.main-primary {
	padding:0;
	display:block;
	width:100%;
	position:relative;
	background:transparent;
	}
	nav.main-primary ul {
		margin:0; 
		padding:0;
		}
		nav.main-primary ul li {
			display:inline-block;
			margin:0 -2px;
			list-style-type:none; 
			}
			nav.main-primary ul li a {
				color: #000;
				font-size: 16px;
				text-decoration:none;
				padding:35px 15px 10px 15px;
				display:block;
				margin:0 10px;
                position:relative;
                font-family: Lora, serif;
				text-align:center;
				-webkit-transition:.4s ease-in;  
				-moz-transition:.2s ease-in;  
				-o-transition:.2s ease-in;  
				transition:.2s ease-in;	
				letter-spacing: 0.214em;font-weight: 400;}
			nav.main-primary ul li a:hover {
				color: rgb(0, 148, 188);}	


			
nav.main-primary ul li a:hover:after {
   width: 100%; 
    left: 0; }

		/* Appearance of the sub-level links */
			nav.main-primary ul.list {
				background: #fff;
                border-radius: 4px;
                width: 332px;
                /* height:55px; */
                padding: 10px 10px;
                box-shadow: 0 0 15px rgb(0 0 0 / 42%);
			text-align: left;}

			nav.main-primary ul #parts-list {
				background:#E44447;
                border-radius: 4px;
                width:405px!important;
                height:55px;
                padding:0px 20px;
                box-shadow:0 0 15px rgba(0,0,0,0.2);
			}


			nav.main-primary ul #prod-list {
				background:#E44447;
                border-radius: 4px;
                width: 435px!important;
                height: 117px;
                padding:0px 20px;
                box-shadow:0 0 15px rgba(0,0,0,0.2);
			}


			nav.main-primary ul.list li {
				display:inline-block;
				list-style-type:none;
			}
			nav.main-primary ul li li a { 
				font-size:15px;
                display: inline-block;
				padding: 12px 0;;
				color: #000!important;
				text-align: left;
                transition:.3s ease
			}

			nav.main-primary ul li li a:hover { 
				color:rgb(0, 148, 188)!important
			}

nav.main-primary ul li li a:after {
  height: 0px;
  left: 0%;
  background:transparent;
  transition: none;
  width: 0;
}
			
nav.main-primary ul li li a:hover:after {
   width: 0%; }
	


/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too much */
nav.main-primary ul ul {
    display: none;
    position: absolute; 
/* left: 815px; */}
nav.main-primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
nav.main-primary ul li:hover > ul {  
    display: inline-block; 
    z-index: 100;
}
nav.main-primary ul ul li {
    float: none; 
    position: relative;
}
	
.site-footer{
	text-align: center;
	widows: 80%;
}

	
.center{
	text-align: center;
	padding: 10px;
                font-family: Lora, serif;
	text-transform: uppercase;
	
font-size: 14px;}


@media screen and (max-width: 1023px)  {
	nav.main-primary {display: none}
}