@media (min-width:778px) {
.timeline {
    background-image: url(/wp-content/uploads/2024/07/timeline.svg);
    background-repeat: repeat-x;
    background-position: center 70px;
}
}






.timelinevertical {
    background-image: url(/wp-content/uploads/2024/08/timelinevertical.svg);
    background-repeat: repeat-y;
   background-position: center 100px;
    background-size: 30px auto;
}

.date{
margin:0 auto;
  color: #fff;
    width:120px;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
    border-radius:50px;
  background-image: -webkit- linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
  background-image:  -moz- linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
  background-image: -o- linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
  background-image:  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: auto auto;
  border: 3px solid #0083d1;
  -webkit-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
  -moz-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
  box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
}


.tagbox{
 word-break: break-all;
font-size: 14px;
  line-height: 1.2;
	display: inline-block;
  box-sizing: border-box;
  color: #0083d1;
	text-align:center;
padding: 10px 12px 10px 12px;
	margin:3px 5px 0px 0px ;
	width:100%;
	border-radius:50px;
	background:#ebf6fc;
	border:0px solid;
  font-weight: 600;
	letter-spacing: 0px;}


div.newstitle {min-height:80px;}


.producttitle {background-color:#ebf6fc;padding:10px 20px 10px 0px;margin-left:10px;border-radius:10px;}


.uk-tab > * {
  flex: none;
  padding-left: 10px;
  padding-bottom: 10px;
}

.download-application  {color:#fff!important;}
.circle img {
box-shadow: 0 5px 15px rgba(0,0,0,.2);
border-radius: 50%;
width:150px;
height:auto;}
.circleblock  {text-align:center;}
.uk-nav-default .uk-nav-sub a {
  color:#0083d1;
}
h1, h2, h3, h4, h5, h6 {margin: 0 0 20px 0;}

@media (min-width:100px) {.combinedbackground,.biobackground,.bioappbackground,.wavebackground {height:250px;}}
@media (min-width:778px) {.combinedbackground,.biobackground,.bioappbackground,.wavebackground {height:250px;}}
@media (min-width:1220px) {.combinedbackground,.biobackground,.bioappbackground,.wavebackground {height:320px;}}
@media (min-width:2300px){.combinedbackground,.biobackground,.bioappbackground,.wavebackground {height:400px;}}
@media (min-width:2750px){.combinedbackground,.biobackground,.bioappbackground,.wavebackground {height:400px;}}
@media (min-width:3000px){.combinedbackground,.biobackground,.bioappbackground,.wavebackground {height:400px;}}

@media (min-width:100px) {
        .uk-navbar-nav > li > a{
column-gap: .25em;
  box-sizing: border-box;
  min-height: 45px;
  font-size: 16px;
}
    .uk-h1, h1 {font-size: 2rem;}
    h1, h2, h3, h4, h5, h6 {margin: 0 0 0px 0;}
    .uk-nav-default {font-weight: 400!important;}
.uk-nav > li > a {
  padding: 5px 0;
}  
li.getintouch a {color:#fff!important;font-weight: 600!important;}    
li.getintouch  {
	  text-align: center!important;
    margin-top:15px;
padding: 0px 20px 0px 20px!important;
	border-radius:50px;
		-webkit-box-shadow: 5px 5px 5px -6px rgba(0,61,120,0.16);
-moz-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
    background-image: -webkit-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image: -moz-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image:  -o-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image:   linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);}
}
@media (min-width:980px) {
    
     .uk-section {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
    
    .uk-navbar-nav > li > a{
column-gap: .04em;
  box-sizing: border-box;
  min-height: 45px;
  font-size: 14px;
}
    
      .uk-h1, h1 {font-size: 2.23125rem;}
    h1, h2, h3, h4, h5, h6 {margin: 0 0 20px 0;}
      .uk-nav > li > a {
  padding: 8px 0;
} 
    .uk-nav-default {font-weight: 700;}
    

    li.applications.uk-active,li.products.uk-active ,li.services.uk-active   { padding: 0px 30px 0px 20px;}
li.applications, li.products, li.services  { padding: 0px 30px 0px 0px;}
    
    
    
li.applications.uk-active,li.products.uk-active ,li.services.uk-active   {
    color: #0083D1;
 border: 1px solid #fff;
    background-image: url(../../../uploads/meritics/navarrowactive.svg);
    background-repeat: no-repeat;
    border-radius: 50px;
    background-position: right center;
	background-size:  auto 100%;
}
li.applications, li.products, li.services  {
    border: 1px solid #fff;
    background-image: url(../../../uploads/meritics/navarrow.svg);
    background-repeat: no-repeat;
    border-radius: 50px;
	
    background-position: right center;
	background-size:  auto 100%;
}

li.about.uk-active   {
    color: #0083D1;
 border: 1px solid #fff;
    background-image: url(../../../uploads/meritics/navactive.svg);
    background-repeat: no-repeat;
    border-radius: 50px;
    background-position: right center;
	background-size:  auto 100%;
}
    li.about  {
      border: 1px solid #fff;
    background-repeat: no-repeat;
    border-radius: 50px;
    background-position: right center;
    padding: 0px 20px 0px 20px;
	background-size:  auto 100%;
}
.uk-navbar-nav > li > a {
  padding: 0px 0px 0px 0px;
}
li.getintouch  {
	 margin-top:0px;
padding: 0px 20px 0px 20px!important;

    }}

@media (min-width:1083px)
{
        .uk-navbar-nav > li > a{
column-gap: .10em;
  box-sizing: border-box;
  min-height: 45px;
  font-size: 16px;
}
    
    li.applications.uk-active,li.products.uk-active ,li.services.uk-active   { padding: 0px 30px 0px 20px;}
li.applications, li.products, li.services  { padding: 0px 30px 0px 20px;}
        .uk-navbar-nav > li > a{
column-gap: .25em;
  box-sizing: border-box;
  min-height: 45px;
  font-size: 16px;
    }}

.uk-breadcrumb > * > * { font-size: 15px;color: #0083d1;font-weight: 400;}
.uk-tab > * > a  {border-radius: 500px;	border:2px solid #99cdec;}
.uk-breadcrumb > :last-child > a:not([href]), .uk-breadcrumb > :last-child > span { color: #0083d1; font-weight: 600;}
.white {color:#fff;}
.muted {color:#cce6f5;}
.uk-box-shadow-medium {box-shadow: 0 5px 15px rgba(0,0,0,.2);}
.shadow-medium {box-shadow: 0 5px 15px rgba(0,0,0,.2);}
.mutedbackground{
    background-image: url(../../../uploads/meritics/blue-tint.png);
    background-repeat: repeat-x;
    background-position: center 0%;
}
.industrial-card {
 border: 15px solid #ebf6fc;
    padding: 40px;
    background-image: url(../../../uploads/meritics/industrial-card.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 30px;
    background-color: #0083d1;
}
.biological-card {
    border: 15px solid #ebf6fc;
    marging-left:10px;
    padding: 40px;
    background-image: url(../../../uploads/meritics/biological-card.png);
    background-position: center center;
      background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    background-color: #003d78;
}
.mutedbackgroundcode{
background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(235,246,252,1) 26%); }
.mutedbackgroundhalf{
background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(235,246,252,1) 50%); }
.send-sample{
    padding: 60px;
    color: #fff;
    border-radius: 30px;
    background: #0083d1;
    background-image: url(../../../uploads/meritics/send-a-sample.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}
.send-sample h2{
margin-left:500px;
	color:#fff;

}
.combinedbackground{
	z-index:3000;
    background-image: url(../../../uploads/meritics/combined-header.png);
    background-repeat: no-repeat;
    background-position: 0% bottom;
    background-size:100% auto;}
.bioappbackground{
	z-index:3000;
    background-image: url(../../../uploads/meritics/bioapp-header.png);
    background-repeat: no-repeat;
    background-position: 0% bottom;
    background-size:100% auto;}
.wavebackground{
	z-index:3000;
    background-image: url(../../../uploads/meritics/wave-header.png);
    background-repeat: no-repeat;
    background-position: 0% bottom;
    background-size:100% auto;}
.biobackground{
	z-index:3000;
    background-image: url(../../../uploads/meritics/bio-header.png);
    background-repeat: no-repeat;
    background-position: 0% bottom;
    background-size:100% auto;}
	
 * + .uk-h4,  * + h4 { margin-top: 0px;margin-bottom: 20px;}
 * + .uk-h5,  * + h5 { margin-top: 20px;margin-bottom: 20px;}
h2 { margin: 0 0 0px 0;}

.uk-card {border-radius:20px;}


.send-sample-button {
		color:#003d78;
	margin-top:10px;
	margin-left:500px;
    text-align: left;
    padding-left:30px;
	 padding-right:50px;
    padding-top: 14px;
    padding-bottom: 14px;
	background: #fff;
    background-image: url(../../../uploads/meritics/send-sample.svg);
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-size: auto auto;
	border:0px solid #0083d1;
	-webkit-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
-moz-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
}
.download-application a:hover {
background-color: #0d3860; background-image: url(../../../uploads/meritics/download-button.svg);
  
}
.download-application a { color:#fff!important;}
.download-application {
    color:#fff;
    text-align: left;
    padding-left: 100px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-image: url(../../../uploads/meritics/download-button.svg), -webkit-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image: url(../../../uploads/meritics/download-button.svg), -moz-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image: url(../../../uploads/meritics/download-button.svg), -o-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image: url(../../../uploads/meritics/download-button.svg),   linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-size: auto auto;
	border:3px solid #0083d1;
	-webkit-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
-moz-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
}
.uk-button-primary, .uk-button-danger{padding: 14px 30px 14px 30px!important;}
.uk-button-secondary{
		border:3px solid #0083d1;
	color:#fff!important;
	  text-align: center;
padding: 14px 30px 14px 30px!important;
	border-radius:50px;
		-webkit-box-shadow: 5px 5px 5px -6px rgba(0,61,120,0.16);
-moz-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
    background-image: -webkit-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image: -moz-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image:  -o-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image:   linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
}
.uk-button-secondary:hover {
		border:3px solid #0083d1;
	    color: #0083D1!important;
	  text-align: center;
padding: 14px 30px 14px 30px!important;
	border-radius:50px;
    background-image: -webkit-  linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background-image: -moz-  linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background-image:  -o-  linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background-image:   linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
		-webkit-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
-moz-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
	box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);}
.download-brochure{
    text-align: left;
    padding-left: 80px!important;
	padding-right:30px!important;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    color:#fff!important;
    background-image: url(../../../uploads/meritics/download-brochure.svg), -webkit-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image: url(../../../uploads/meritics/download-brochure.svg), -moz-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image: url(../../../uploads/meritics/download-brochure.svg), -o-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image: url(../../../uploads/meritics/download-brochure.svg),   linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-size: auto auto;
	border:3px solid #0083d1;
	-webkit-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
-moz-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
}
.request-quote{
    text-align: left;
    padding-left: 80px!important;
	padding-right:30px!important;
     padding-top: 8px!important;
    padding-bottom: 8px!important;
    color:#fff!important;
    background-image: url(../../../uploads/meritics/request-quote.svg), -webkit-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image: url(../../../uploads/meritics/request-quote.svg), -moz-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image: url(../../../uploads/meritics/request-quote.svg), -o-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image: url(../../../uploads/meritics/request-quote.svg),   linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-size: auto auto;
	border:3px solid #0083d1;
	-webkit-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
-moz-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
	
}
.uk-primary-button{
	-webkit-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
-moz-box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
box-shadow: 15px 15px 20px -6px rgba(0,61,120,0.16);
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
    background-image: url(../../../uploads/meritics/download-button.svg), -webkit-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image: url(../../../uploads/meritics/download-button.svg), -moz-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image: url(../../../uploads/meritics/download-button.svg), -o-  linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-image: url(../../../uploads/meritics/download-button.svg),   linear-gradient(90deg, rgba(0,127,203,1) 0%, rgba(0,76,139,1) 50%, rgba(0,65,126,1) 100%);
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-size: auto auto;
	border:3px solid #0083d1;
}