/*NAV HERE*/

.container{ display: flex;}

nav {width:100%;}

nav ul { display: flex; list-style: none; position:relative;}

nav .navbar {position:relative;float:right;}

.dropdown li{ border-bottom:1px solid #E5E5E5; transition:all 0.25s ease;text-align:left;color:#2e2e2e; font-weight:300;padding:0px!important;}

.dropdown ul {padding:5px 35px 5px 5px;border-left:8px solid transparent;transition:all 0.3s ease;}

.dropdown li a {padding:5px 35px 5px 5px;border-left:8px solid transparent;transition:all 0.3s ease;}

.dropdown li a:hover {background:white;color:#ef1c26!important;padding:5px 35px 5px 5px;border-left:8px solid #ef1c26;transition:all 0.3s ease;}

.st0{fill:#ED1C24;}

/* Desktop Menu */

/*MAIN NAV */ 

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

    ul li{
        display: inline-block;
        position: relative;
        text-align: right;
		padding:10px 10px 25px 10px;
    }

    ul li a{
        display: block;
        color: inherit;
        text-decoration: none;	
    }

    ul li ul.dropdown{
        min-width: 100%; /* Set width of the dropdown */
        background:#fafafa;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
		margin-top:15px;
		width:120px;
		transition:all 0.25s ease;
		animation-name: slideDown;
		-webkit-animation-name: slideDown;	
		animation-duration: 1s;	
		-webkit-animation-duration: 1s;
		animation-timing-function: ease;	
		-webkit-animation-timing-function: ease;	
		visibility: visible;
    }

    ul li:hover ul.dropdown{ display: block;	/* Display the dropdown */}

    ul li ul.dropdown li{  display: block; }

 	ul li ul.dropdown3{
        min-width: 100%; /* Set width of the dropdown */
        background:#fafafa;
        display: none;
        position: absolute;
        z-index: 999;
        left: 120px;
		margin-top:-46.5px;
		padding:0px!important;
		border-left:0px solid transparent;
		animation-name: slideDown;
		-webkit-animation-name: slideDown;	
		animation-duration: 1s;	
		-webkit-animation-duration: 1s;
		animation-timing-function: ease;	
		-webkit-animation-timing-function: ease;	
		visibility: visible;	
    }

 	ul li ul li:hover ul.dropdown3{ display: block;	/* Display the dropdown */ }

    ul li ul.dropdown3 li{  display: block; }


.nav-container {
	margin:0 auto;
	width:100%;
	position:fixed;
	top:0;
	z-index:555;}

.top-info {
	z-index:555;
	background:#252525;
	color:white;
	text-align:right;
	font-weight:300!important;
	padding:1vw;}

.top-info .inner-top-info {margin:0 auto;max-width:1325px;}

.fullnav {
	margin:0 auto;
	z-index:555;
	max-width:100%;
	height:80px;
	text-align:right;
	display:block;
	position:relative;
	transition:all 0.15s ease;
	top:0;
	left:0;
	text-transform:uppercase;
	padding:1.5rem;
	color:#2e2e2e;
	background:#fafafa;
}

.fullnav a, .fullnav button {font-family: 'Open Sans', sans-serif;font-size:13px;color:#353535;}

.fullnav a:hover {transition:all 0.25s ease;color:#ef1c26;cursor:pointer;}	

.fullnav button {text-transform:uppercase;border:none;background:none;padding:0rem;margin:0rem;}

.fullnav button:hover {cursor:pointer;}

.fullnav img {max-width:250px;height:auto;float:left;transition:all 0.25s ease;left:0;margin-top:-.6rem;}	


/* Mobile CSS Start */

#menu-button {
	display:none;
	width:60px;
	height:auto;
	margin:0rem;
	position:absolute;
	z-index:555;
	left: 95%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.firstbar,.secondbar,.thirdbar {
	-ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	transition:all 0.3s ease;
	transform-origin: 50% 50%;}

.firstbar-active {
	-ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	transition:all 0.3s ease;
	transform-origin: 25% 50%;
	}	

.thirdbar-active {
	-ms-transform: rotate(-45deg); 
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	transition:all 0.3s ease;
	transform-origin: 30% 55%;
	fill:#414042;}	

.secondbar {opacity:1;transition:all 0.3s ease;}

.secondbar-active {opacity:0;transition:all 0.3s ease;}

/* ☰ Mobile nav list */

.showmenu {
	margin:0 auto;
	text-align:center;
	display:none;
	width:100%;
	height:100vh;
	background:hsla(176, 0%, 6%, .95);
	color:white;
	position:fixed;
	top:5rem;
	z-index:555;
	padding-top:.75rem;
	padding:2.3rem;
	font-size:18px;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	display:none;
	transition:all 0.25s ease;
}	

.showmenu ul{
		display:block;
		position:relative;
		margin:0 auto;
		text-align:center;
		bottom:0;
	}

.showmenu li:first-of-type {border:none;}

.showmenu li {margin:0 auto;display:block;text-align:center;max-width:80%;border-top:1px solid hsla(176, 0%, 100%, 0.15);}	

.showmenu button {
	margin:0 auto;
	display:block;
	text-align:center;
	padding:.2rem;
	font-size:18px;
	background:none;
	border:none;
	font-family: 'Montserrat', sans-serif; 
	font-weight:700; 
	color:white;}	

.show {
	margin:0 auto;
	text-align:center;
	display:block;
	width:100%;
	height:100vh;
	background:#252525;
	color:white;
	position:fixed;
	top:5rem;
	z-index:555;
	padding-top:1.5rem;
	padding:2.3rem;
	font-size:18px;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	overlay:hidden;
	transition:all 0.25s ease;
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	visibility: visible;		
}	
	
.show ul{
		display:block;
		position:relative;
		margin:0 auto;
		text-align:center;
		bottom:0;
	}
	
.show li {margin:0 auto;display:block;text-align:center;max-width:80%; padding:1.25rem!important;}	
.show button {margin:0 auto;display:block;text-align:center;padding:.2rem;font-size:18px;background:none;border:none;font-family: 'Montserrat', sans-serif; font-weight:700; color:white;}	

#subdrop1 {margin-top:-1.25rem;display:none;}
#subdrop11 {margin-top:0rem;display:none;}
#subdrop33 {margin-top:0rem;display:none;}
#subdrop2 {margin-top:-1.25rem;display:none;}
#subdrop3 {margin-top:-1.25rem;display:none;}
#subdrop4 {margin-top:-1.25rem;display:none;}
#subdrop5 {margin-top:-1.25rem;display:none;}

.dropdown2 li {border:none;width:100%;padding:18px;animation-name: slideDown;
	-webkit-animation-name: slideDown;	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	visibility: visible;	}

/* End of Mobile Nav */
	
/* Animation */

@keyframes slideDown {
	0% {
		transform: translateY(-3%);
	}
	50%{
		transform: translateY(0%);
	}
	65%{
		transform: translateY(0%);
	}
	80%{
		transform: translateY(0%);
	}
	95%{
		transform: translateY(0%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-3%);
	}
	50%{
		-webkit-transform: translateY(0%);
	}
	65%{
		-webkit-transform: translateY(0%);
	}
	80%{
		-webkit-transform: translateY(0%);
	}
	95%{
		-webkit-transform: translateY(0%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}