/*Menu Structure*/
    .clientHeader-ex2 .Navigation { float:left; clear:both; width:100%; z-index:3; } 


        /*Menu Elements*/
        .clientHeader-ex2 .Navigation .elements { height:170px; width:100%; display: flex; justify-content:flex-end; flex-wrap:wrap; margin-top:0px; background:#fff; border-top:5px solid #1f47aa; border-bottom:1px solid #000; }



		    /*Logo*/
            .clientHeader-ex2 .Navigation .elements .logo { width:130px; padding-top:21px; position:absolute; top:0; left:60px; }
				.clientHeader-ex2 .Navigation .elements .logo a { width:100%; } 
					.clientHeader-ex2 .Navigation .elements .logo a img { width:100%; }




            /*Phone*/      
			.clientHeader-ex2 .Navigation .elements .phone { display:inline-block; float:right; clear:both; margin-bottom:0; margin-right:0; height:80px; background:transparent; }
				.clientHeader-ex2 .Navigation .elements .phone img { display:inline-block; vertical-align:top; margin-top:42px; margin-left:30px; }
				.clientHeader-ex2 .Navigation .elements .phone a { display:inline-block; font-size:24px; font-weight:500; color:#000; position:relative; padding-left:50px; text-decoration:none; padding-top:21px; margin-left:19px; margin-top:0; margin-right:60px; height:100%; }
					.clientHeader-ex2 .Navigation .elements .phone a:hover { color:#000; }	
					.clientHeader-ex2 .Navigation .elements .phone a:before { content:''; background:url(https://dev.seedtechnologies.com/STEM_Resources/Images/blackPhoneIcon.png); background-size:cover !important; display:block; width:19px; height:35px; position:absolute; top:16px; left:20px; }



            /*Header Buttons*/      
			.clientHeader-ex2 .Navigation .elements .headerBtn { display:inline-block; float:right; clear:both; margin-bottom:0; margin-right:0; height:62px; background:#1f47aa; padding:17px 40px 17px 60px; font-size:13px; border-left:1px solid #fff; position:relative; }
                .clientHeader-ex2 .Navigation .elements .headerBtn a { color:#fff; text-decoration:none; position:relative; }
                .clientHeader-ex2 .Navigation .elements .headerBtn.first { border-left:none; }
                    .clientHeader-ex2 .Navigation .elements .headerBtn.first a:before { content:''; position:absolute; left:-122px; top:-14px; width:0; height:0; display:block; border-left:31px solid transparent; border-right:31px solid #1f47aa; border-bottom:31px solid transparent; border-top:31px solid #1f47aa; }
                .clientHeader-ex2 .Navigation .elements .headerBtn.last { margin-right:80px; border-right:1px solid #fff; }
                .clientHeader-ex2 .Navigation .elements .headerBtn.lock:before { content:''; position:absolute; left:25px; top:15px; display:block; width:22px; height:30px; background:url(https://dev.seedtechnologies.com/STEM_Resources/Images/lockIcon.png); background-size:cover; }
                .clientHeader-ex2 .Navigation .elements .headerBtn.cart:before { content:''; position:absolute; left:17px; top:16px; display:block; width:30px; height:25px; background:url(https://dev.seedtechnologies.com/STEM_Resources/Images/shoppingIcon.png); background-size:cover; }





		    /*Menu*/
            .clientHeader-ex2 .Navigation .elements .menuNav { width:100%; float:right; height:68px; margin-top:20px; display:flex; justify-content:flex-end; padding-right:0px; }
                .clientHeader-ex2 .Navigation .elements .menuNav .menu { display:inline-block; float:right; clear:right; padding-top:16px; padding-right:60px; }
                    .clientHeader-ex2 .Navigation .elements .menuNav .menu ul { padding:0; }
                        .clientHeader-ex2 .Navigation .elements .menuNav .menu ul li { margin:0;  display:inline-block; text-align:left; padding:0; }
								.clientHeader-ex2 .Navigation .elements .menuNav .menu ul li a { font-size:22px; font-weight:400; color:#261e07; text-decoration:none; margin:0; margin-left:40px; padding:5px; padding-bottom:21px; transition: color 0.15s ease-out; }
                                    .clientHeader-ex2 .Navigation .elements .menuNav .menu ul li a:hover { color:#1f47aa; }
                        .clientHeader-ex2 .Navigation .elements .menuNav .menu .mobilePhone { display:none; }




							/*Sub Menu*/
                            .clientHeader-ex2 .Navigation .elements .menuNav .menu ul li ul { background-color:#333;  margin-left:34px; min-width:320px; max-width:420px; }
								.clientHeader-ex2 .Navigation .elements .menuNav .menu > ul > li:last-of-type ul { min-width:180px; margin-left:-30px; }
								.clientHeader-ex2 .Navigation .elements .menuNav .menu ul li ul li { padding:5px 7px; }
									.clientHeader-ex2 .Navigation .elements .menuNav .menu ul li ul li a { color:#fff; transition: height 0.20s ease-out; background:none; margin-left:0; padding:5px; }






		
		/*Search Styles*/
		.clientHeader-ex2 .Navigation .menuNav .searchIcon { display:block; background:#1f47aa; right:0; top:5px; position:absolute; padding:14px 24px 13px 24px; width:80px; }
		.clientHeader-ex2 .Navigation .menuNav .searchIcon img { width:100%; }
		
		.clientHeader-ex2 .Navigation .menuNav form { float: right; clear: both; position:relative; }
			.clientHeader-ex2 .Navigation .menuNav form input { width: 230px; height: 50px; margin:0 -1px 0 0; padding:0 5px; text-overflow:ellipsis; font-size:24px; float: left; position: relative;  border: 1px solid #c6c6c6; border-right:0; background: #eeeeee; color: #000; outline: none; border-top-left-radius:10px; border-bottom-left-radius:10px; }
			.clientHeader-ex2 .Navigation .menuNav form button { float: left; right: 0; cursor: pointer;  width: 55px; height: 50px; font-size: 0; background:#000 url("../Images/searchIconWhite.png") center center no-repeat; background-size: contain; border: 1px solid #c6c6c6; transition:all 0.15s ease; border-top-right-radius:10px; border-bottom-right-radius:10px; }
			.clientHeader-ex2 .Navigation .menuNav form button:hover { background-color:#333; }
			 
			.clientHeader-ex2 .Navigation .menuNav  #searchChk { display:none; }
			.clientHeader-ex2 .Navigation .menuNav  .close { display:none; }	
			
				.clientHeader-ex2 .menuNav .popContainer { position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.5); display: none; opacity:0; justify-content: center; align-items: center; align-content: center; flex-wrap:wrap; z-index:-9999; }
				.clientHeader-ex2 .menuNav .popContainer > div { position:relative; display:none; }

				.clientHeader-ex2 .menuNav .popContainer form { padding:20px 30px; background-color:#fff; border:1px solid #000; border-radius:10px; box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.75); }
				.clientHeader-ex2 .menuNav .popContainer form:before { content:"Site Search"; display:block; text-align:left; color:#000; width:100%; margin-bottom:10px; font-weight:500; }
				.clientHeader-ex2 .menuNav .popContainer label { position:absolute; top:-10px; right:-10px; background-color:#f00; border:1px solid #000; border-radius:100px; width:30px; height:30px; display:flex; justify-content:center; align-items:center; color:#fff; user-select:none; cursor:pointer; }

				.clientHeader-ex2 .menuNav input[type="checkbox"]:checked ~ .popContainer { display: flex; transition: all ease 0.25s; transition-delay:0.15s; opacity:1; z-index:9999; }
				.clientHeader-ex2 .menuNav input[type="checkbox"]:checked ~ .popContainer > div { display:block; }
				.clientHeader-ex2 .menuNav input[type="checkbox"]:checked ~ .popContainer form { display:block; }
				.clientHeader-ex2 .menuNav input[type="checkbox"]:checked ~ .popContainer .close { display:flex; }







	
		/*Snap Header Styles*/
        .clientHeader-ex2 .Navigation .fixed { position:fixed; top:0; left:0; right:0; box-shadow:0 0 15px #666; }
            .clientHeader-ex2 .Navigation .fixed .elements { margin-top:0px; height:122px; }
			
				.clientHeader-ex2 .Navigation .fixed .elements .logo { margin-top:0px; padding-top:0; width:93px; top:10px; }
					
				.clientHeader-ex2 .Navigation .fixed .elements .menuNav { border:0; margin-top:0; height:36px; }
					.clientHeader-ex2 .Navigation .fixed .elements .menuNav .menu { padding-top:0; }
						.clientHeader-ex2 .Navigation .fixed .elements .menuNav .menu ul li a { padding-bottom:0px; }
							.clientHeader-ex2 .Navigation .fixed .elements .menuNav .menu ul li ul li a { padding-bottom:0; }
				
				







	
/*----Responsive for Header----*/
@media only screen and (max-width: 1679px) {
	.clientHeader-ex2 .Navigation .elements .menuNav .menu { padding-right:20px; }
	.clientHeader-ex2 .Navigation .elements .menuNav .menu ul li a { margin-left:20px; }
}

@media only screen and (max-width: 1365px) {
	.clientHeader-ex2 .Navigation .elements .menuNav .menu ul li a { font-size:20px; margin-left:10px; }
}

@media only screen and (max-width: 1279px) {
	.clientHeader-ex2 .Navigation .elements { height:230px; }
	.clientHeader-ex2 .Navigation .elements .menuNav { margin-top:150px; }
	
	.clientHeader-ex2 .Navigation .fixed .elements { height:170px; }
	.clientHeader-ex2 .Navigation .fixed .elements .menuNav { margin-top:88px }
	.clientHeader-ex2 .Navigation .fixed .elements .phone { bottom:14px; }
}

@media only screen and (max-width: 992px) {
	.clientHeader-ex2 .Navigation .elements { height:170px; }
	.clientHeader-ex2 .Navigation .elements .menuNav { margin-top:90px; }
	.clientHeader-ex2 .Navigation .elements .menuNav .menu { padding-top:4px; }
	
	.clientHeader-ex2 .Navigation .fixed .elements { height:113px; }
	.clientHeader-ex2 .Navigation .fixed .elements .menuNav { margin-top:38px; }
	.clientHeader-ex2 .Navigation .fixed .elements .menuNav .menu { padding-top:0; }
}

@media only screen and (max-width: 768px) {
    .clientHeader-ex2 .Navigation .elements .phone { display:none; }
	.clientHeader-ex2 .Navigation .menuNav .searchIcon { display:none; }
	.clientHeader-ex2 .Navigation .elements .menuNav { padding-right:0; }
}





@media only screen and (max-width: 480px) {
	.clientHeader-ex2 .Navigation .elements .logo { width:120px; left:10px; }
	
	.clientHeader-ex2 .Navigation .elements .menuNav { width:70px; }
		.clientHeader-ex2 .Navigation .elements .menuNav .menu { padding-right:10px; }
}

@media only screen and (max-width: 380px) {  
	.clientHeader-ex2 .Navigation .elements .menuNav .menu .callAndClose .quote { display:none; }
}