.top-section {
  margin-left: -120px;
}

.zygo-header-logo{
  margin-top: 28px;
}

.top {
  position: fixed;
  top: 0px;
  background: black;
  height: 40px;
  z-index: 9999;
}


.global-search{
  margin-top: 30px !important;
}

.login-component {
  margin-top: 30px;
}

.zygo-language-btn {
  margin-top: 30px;
}

.add-your-css-classes-here{ 
  margin-top: 11px;
}

.tab-internal a,
.tab-external a {
  text-decoration: none;
}

.tab-internal{
  background: white;
  text-align: center;
  padding-top: 5px;
}

.tab-internal img,
.tab-external img{
  vertical-align: initial;
  padding-right: 10px;
}

.tab-internal span{
  color: black;
  font-size: 18px;
  text-transform: uppercase;
}

.tab-external{
  background: black;
  text-align: center;
  padding-top: 5px;
}

.tab-external span{
  color: white;
  font-size: 18px;
  text-transform: uppercase;
}

.tab-external:hover{
  background: blue;
}



/*top nav*/
#wrapper + .topNav{
  position: absolute !important;
  top: 0px;
  background: #000;
}


.top-section{
  margin-left:0px;
}


.top-nav{
 
  float: right;
}

.top-nav ul{
  margin:0;    
}

.top {
 
  height: 30px;
  position: relative;
 
}   

.top-nav ul li{
  display: inline-block;   
 position: relative;
 padding: 3px 20px;
 text-align: center;
}

.top-nav ul li a,  .Eye-Care span,  .Eye-Care svg{
  display: inline-block;   
  position: relative;
  top:0px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;

} 

.top-nav ul .Sciences>a>svg, .top-nav ul .Analytical>a>svg {
   width: 20px !important;
  height:20px !important;
  display: inline-block;
}
.top-nav ul .Sciences a,.top-nav ul .Analytical a{
  color:#999 !important;
}
.top-nav ul .Sciences>a>svg,  .top-nav ul .Analytical>a>svg{
  fill:#999 !important;
  
}

.top-nav ul .Sciences a:hover, .top-nav ul .Sciences>a:hover svg, .top-nav ul .Analytical a:hover, .top-nav ul .Analytical>a:hover svg{
  fill:#0099ff !important;
  text-decoration: none;
  color: #0099FF !important;
  text-decoration: none;
}

.top-nav ul .Sciences a, .top-nav ul .Analytical a{
  padding-left: 27px;
  display: inline-block;
}

.top-nav ul .Eye-Care span{
  padding-left: 31px;
  display: inline-block;
}

.top-nav ul .Sciences> a svg, .top-nav ul .Analytical>a svg {
  position: absolute;
  top:1px;
  left:0px;
}

.top-nav ul .Eye-Care svg{
  position: absolute;
  top:5px;
}
.Eye-Care span{
  color:#fff;
  
}
.Eye-Care svg {
  fill:#fff !important;
  width: 20px;
  height:20px;
}


/* .top-nav ul .Eye-Care:before,.top-nav ul .Analytical:before, .top-nav ul .Sciences:before{
 
  content: "";    
  position: absolute;
  
  
}

.top-nav ul .Eye-Care{ color: #fff;}
.top-nav ul .Analytical a,.top-nav ul .Sciences a{
  color: #999;
  text-decoration: none;
}

.top-nav ul .Analytical a:hover,.top-nav ul .Sciences a:hover{
  color: #0099ff;
  text-decoration: none;
}

.top-nav ul .Analytical:before,.top-nav ul .Eye-Care:before,.top-nav ul .Sciences:before{
  background-size: 100% 100%;
}

.top-nav ul .Eye-Care:before{

  background:url(/-/media/Themes/AmetekSXA/Reichert/AmetekReichert/ReichertTheme/images/Reichert-Sitecore-Eye-Care-icon.png) no-repeat top left;
  width: 40px;
  height: 20px;
  background-position:0px 0;
  
}

.top-nav ul .Analytical:before{

  background:url(/-/media/Themes/AmetekSXA/Reichert/AmetekReichert/ReichertTheme/images/Reichert-Sitecore-Analytical-Icon-Standing.png) no-repeat top left;
  width: 23px;
  height: 20px;
  
}

.top-nav ul .Sciences:before{

  background:url(/-/media/Themes/AmetekSXA/Reichert/AmetekReichert/ReichertTheme/images/Reichert-Sitecore-Life-Sciences-Icon-Standing.png) no-repeat top left;
  width: 26px;
  height: 20px;
  
}


.top-nav ul .Eye-Care:hover:before{

  background:url(/-/media/Themes/AmetekSXA/Reichert/AmetekReichert/ReichertTheme/images/Reichert-Sitecore-Eye-Care-icon.png) no-repeat top left;
  width: 40px;
  height: 20px;
  background-position:0px 0;
  
}

.top-nav ul .Analytical:hover:before{

  background:url(/-/media/Themes/AmetekSXA/Reichert/AmetekReichert/ReichertTheme/images/Reichert-Sitecore-Analytical-Icon-Hover.png) no-repeat top left;
  width: 23px;
  height: 20px;
  
}

.top-nav ul .Sciences:hover:before{

  background:url(/-/media/Themes/AmetekSXA/Reichert/AmetekReichert/ReichertTheme/images/Reichert-Sitecore-Life-Sciences-Icon-Hover.png) no-repeat top left;
  width: 26px;
  height: 20px;
  
} */
/* 
.top-nav ul .Eye-Care span{
  
  padding-left: 52px;

}

.top-nav ul .Sciences span{
  padding-left:35px;
}

.top-nav ul .Analytical span{
  padding-left:35px;
} */

/* 
.top-nav ul li a img, .Eye-Care span img{
  width:75%;
  
}


.top-nav ul li a span{
  display: none;
}

.top-nav ul li a:hover span
{
  display: block !important;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
}  */
.top-nav ul li:nth-child(2){
  margin:0px -14px 0 -8px;
  }
.top-nav ul li:nth-child(3){
margin-right: 0px;
} 



@media(max-width: 575px) {

.top-section{
  margin-left:-15px;
}


.top-nav ul li a, .Eye-Care span{
        
  font-size: 12px;
  

} 
.top-nav ul .Analytical:before,.top-nav ul .Eye-Care:before,.top-nav ul .Sciences:before{
  background-size: 100% 100%;
}

.top-nav {       
 
  margin-right: 30px;
}




.top-nav ul li{      
  padding: 3px 10px;
}


.top-nav ul .Sciences> a svg, .top-nav ul .Analytical>a svg {

  top: -1px;
}
/* .Eye-Care{
  width:30%;  
}
.top-nav ul li a{
  padding: 8px;
} */
.top-nav ul li a, .Eye-Care span{
  top:0px;
}
.Eye-Care span img{
  width: 95% !important;
}
.top-nav ul li a img{
  width: 100%;
  object-fit: contain;
}
/* .top-nav ul li:nth-child(2) {
 
  width: 36%;
} */
.top-nav ul li:nth-child(3) {
  margin-right: -18px !important; 
  /* width:38%; */
}



.top-nav ul li:nth-child(3) a{
  padding-right: 0px;
}



.Eye-Care span {      
  top: 1px;
}


.top-nav ul li a:hover span {
  top: 8px;
  left: 8px;
  width: 87%;
}

.top-nav ul .Eye-Care svg {
  position: absolute;
  top: 7px;
}


}
@media(max-width: 380px) {

 
  .top-nav ul li {
    padding: 3px 8px;
}
  .top-nav ul li a, .Eye-Care span{
    font-size: 12px;
  }

}

@media(max-width: 360px) {

 
  .top-nav ul li {
    padding: 3px 6px;
}
  .top-nav ul li a, .Eye-Care span{
    font-size: 12px;
  }

}

@media(max-width: 320px) {

 
  .top-nav ul li {
    padding: 3px 5px;
}
  .top-nav ul li a, .Eye-Care span{
    font-size: 10px;
  }

}

.top-nav{
	margin-right:unset;
	height:100%;
}
.top-nav ul{
	display:flex;
	align-items:center;
	height:100%;
}
.top-nav ul li{
	margin:unset !important;
	padding:3px 5px !important
}
.top-nav ul li:last-child{
	margin:unset !important;
	padding:3px 0px 3px 5px !important
}
.top-nav ul a{
	display:flex !Important;
	align-items:center;
	padding-left:unset !important
}
.top-nav ul a span{
	font-size:9px !important;
	white-space:nowrap;
	padding-left:3px !important
}
.top-nav ul .topnav-icons>a>svg {
	position:relative !important;
	top:unset !important;
	width:15px !important;
	height:15px !important;
	display: inline-block;
}
@media (min-width:768px){
    .top-nav{
		margin-right:20px
	}
	.top-nav ul li {
		margin: unset !important;
		padding: 3px 20px !important;
	}
	.top-nav ul a span {
		font-size: 14px !important;
		padding-left: 9px !important;
	}
	.top-nav ul .topnav-icons>a>svg {
		width: 20px !important;
		height: 20px !important;
	}
}