/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.HalfCol {
width: 49%; padding: 20px; display: inline-block; vertical-align: top;word-wrap: break-word;
}

.ThirdCol {
width: 30%; padding: 8px; display: inline-block; vertical-align: top;word-wrap: break-word;
}

.orderLink:before {
background: url('/media/178425/EG_opencart_unhover_icon_24x24.png') 0 0 no-repeat !important; position: absolute !important; content: '' !important; width: 12px !important; height: 12px !important; background-size: contain !important; left: 3px !important; margin-top: 3px !important;
}

.prodInfoLink:before {
background: url('/media/123805/1416971386_info_512pxGREY.png') 0 0 no-repeat !important; position: absolute !important; content: '' !important; width: 12px !important; height: 12px !important; background-size: contain !important; left: 3px !important; margin-top: 3px !important;
}

.orderBtn {

}

.quoteBtn {

}

.miscBtn {

}

.oligoBtn {

}

.ngsBtn {

}

.dnaseqBtn {

}

.gsyBtn {

}

.genotype-color {
color: #B02A43 !important;
}

.genotypeBtn {

}

.enviro-color {
color: #4B953E !important;
}

.extramer-color {
color: #FDB813 !important;
}

.oligo-table {

}

.ngs-table {

}

.newStyle {
color: #999999;
}

.NewFeatureGene {
text-transform: uppercase; font-size: 9px; font-weight: bold; display: inline-block; padding: 2px 14px; color: white; background: #5b5b5b; text-shadow: 0 -1px 0 #666666; background: #AB3F97; width: 148px; margin-left: -21px; padding: 5px; text-indent: 16px;
}

.gsy-table {

}

.dna-table {

}

.border-gray {
border:1px solid #cccccc; padding:5px;margin-bottom:8px;
}

.lightbox {

}

.font14 {
font-size: 14px;
}

.font16 {
font-size: 16px;
}

.font18 {
font-size: 18px;
}

h2 {
font-size: 3rem; color: #003883;
}

h3 {
font-size: 2.4rem; color: #003883;
}

h4 {
font-size: 2rem; color: #003883;
}

.dna-seq-color {
color: #143D8D !important;
}

.gene-color {
color: #AB3F97 !important;
}

.oligos-color {
color: #F58026 !important;
}

.next-gen-color {
color: #00BCE4 !important;
}

.fl {
float: left; margin-right: 15px !important; margin-bottom: 15px;
}

.fr {
float: right; margin-left: 15px !important; margin-bottom: 15px;
}





























































































































































































































/**umb_name:Font 14px*/
.font14{font-size: 14px;}

/**umb_name:Font 16px*/
.font16{font-size: 16px;}

/**umb_name:Font 18px*/
.font18{font-size: 18px;}

/**umb_name:Large Header (H2)*/
h2{font-size: 3rem; color: #003883;}

/**umb_name:Small Header (H3)*/
h3{font-size: 2.4rem; color: #003883;}

/**umb_name:Sub Header (H4)*/
h4{font-size: 2rem; color: #003883;}

/**umb_name:Oligos Color*/
.oligos-color{color: #F58026 !important;}

/**umb_name:DNA Seq Color*/
.dna-seq-color{color: #143D8D !important;}

/**umb_name:Gene Synth Color*/
.gene-color{color: #AB3F97 !important;}

/**umb_name:NGS Color*/
.next-gen-color{color: #00BCE4 !important;}

/**umb_name:GenoType color*/
.genotype-color{color: #B02A43 !important;}

/**umb_name:Ordering*/
.orderLink:before{background: url('/media/178425/EG_opencart_unhover_icon_24x24.png') 0 0 no-repeat !important; position: absolute !important; content: '' !important; width: 12px !important; height: 12px !important; background-size: contain !important; left: 3px !important; margin-top: 3px !important;}

/**umb_name:Info*/
.prodInfoLink:before{background: url('/media/123805/1416971386_info_512pxGREY.png') 0 0 no-repeat !important; position: absolute !important; content: '' !important; width: 12px !important; height: 12px !important; background-size: contain !important; left: 3px !important; margin-top: 3px !important;}

/**umb_name:OrderButton*/
.orderBtn{}

/**umb_name:QuoteButton*/
.quoteBtn{}

/**umb_name:MiscButton*/
.miscBtn{}

/**umb_name:oligoBtn*/
.oligoBtn{}

/**umb_name:DNASeqButton*/
.dnaseqBtn{}

/**umb_name:GSYButton*/
.gsyBtn{}

/**umb_name:NGS Button*/
.ngsBtn{}

/**umb_name:GenoType Button*/
.genotypeBtn{}

/**umb_name:Oligo Table*/
.oligo-table{}

/**umb_name:DNA Table*/
.dna-table{}

/**umb_name:GSY Table*/
.gsy-table{}

/**umb_name:NGS Table*/
.ngs-table{}

/**umb_name:Border Gray*/
.border-gray{border:1px solid #cccccc; padding:5px;margin-bottom:8px;}

/**umb_name:HalfCol*/
.HalfCol{width: 49%; padding: 20px; display: inline-block; vertical-align: top;word-wrap: break-word;}

/**umb_name:ThirdCol*/
.ThirdCol{width: 30%; padding: 8px; display: inline-block; vertical-align: top;word-wrap: break-word;}

/**umb_name:Float Left*/
.fl{float: left; margin-right: 15px !important; margin-bottom: 15px;}

/**umb_name:Float Right*/
.fr{float: right; margin-left: 15px !important; margin-bottom: 15px;}

/**umb_name:newStyle*/
.newStyle{color: #999999;}

/**umb_name:NewFeature*/
.NewFeatureGene{text-transform: uppercase; font-size: 9px; font-weight: bold; display: inline-block; padding: 2px 14px; color: white; background: #5b5b5b; text-shadow: 0 -1px 0 #666666; background: #AB3F97; width: 148px; margin-left: -21px; padding: 5px; text-indent: 16px;}

/**umb_name:LightBox*/
.lightbox{}

/**umb_name:Enviro Color*/
.enviro-color{color: #4B953E !important;}

/**umb_name:EXTRAmer color*/
.extramer-color{color: #FDB813 !important;}











/**umb_name:gradient-rainbow2*/
.gradient-rainbow2{/* Fallback: Set a background color. */
background-color: #CA4246;

/* Create the gradient. */
background-image: linear-gradient(
45deg,
#CA4246 16.666%,
#E16541 16.666%,
#E16541 33.333%,
#F18F43 33.333%,
#F18F43 50%,
#8B9862 50%,
#8B9862 66.666%,
#476098 66.666%,
#476098 83.333%,
#A7489B 83.333%);

/* Set the background size and repeat properties. */
background-size: 100%;
background-repeat: repeat;

/* Use the text as a mask for the background. */
/* This will show the gradient as a text color rather than element bg. */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

/* Animate the text when loading the element. */
/* This animates it on page load and when hovering out. */
animation: rainbow-text-simple-animation-rev 0.75s ease forwards;}

/**umb_name:graident-rainbow1*/
.graident-rainbow1{background-color: #f3ec78;
background-image: linear-gradient(45deg, #f3ec78, #af4261);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;}

/**umb_name:gradient-oligo*/
.gradient-oligo{background-image: linear-gradient(45deg, #EE7D11, #F49F64,#F5AC7A, #F8C8A6);
background-size: 100%;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;}



/**umb_name:gradient-text*/
.gradient-text{background-color: #f3ec78;
background-image: linear-gradient(45deg, #f3ec78, #af4261);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;}



/**umb_name:gradient-genes*/
.gradientGenes{background: linear-gradient(to right, #AB3F97, #C477B2, #DDB2D3);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;}

/**umb_name:gradient ngs*/
.gradientNgs{background: linear-gradient(to right, #00B9E7, #09B9E5, #A5DEF1);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;}

/**umb_name:gradient-sanger*/
.gradient-sanger{background: linear-gradient(to right, #003883, #4d73a8, #99afcd);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;}





/**umb_name:Stroke-white*/
.Stroke-white{color: white;
text-shadow:
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;}

/**umb_name:Oswald*/
.Oswald{font-family: "Oswald", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;}}

/**umb_name:Raleway*/
.Raleway{font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}

/**umb_name:Teko*/
.Teko{font-family: "Teko", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}

/**umb_name:Urbanist*/
.Urbanist{font-family: "Urbanist", system-ui;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}

/**umb_name:Anton*/
.Anton{font-family: "Anton", system-ui;
font-weight: <weight>;
font-style: normal;}

/**umb_name:Passion one*/
.PassionOne{font-family: "Passion One", sans-serif;
  font-weight: 400;
  font-style: normal;

  font-family: "Passion one bold", sans-serif;
  font-weight: 700;
  font-style: normal;

  font-family: "Passion one black", sans-serif;
  font-weight: 900;
  font-style: normal;}

/**umb_name:Yanone Kaffeesatz*/
.YanoneKaffeesatz{font-family: "Yanone Kaffeesatz", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}

/**umb_name:Gruppo*/
.Gruppo{font-family: "Gruppo", sans-serif;
  font-weight: 400;
  font-style: normal;}

/**umb_name:Orbitron*/
.Orbitron{font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}

/**umb_name:Sarabun*/
.Sarabun{font-family: "Sarabun", sans-serif;
font-weight: <weight>;
font-style: normal;}

/**umb_name:Josefin Sans*/
.JosefinSans{font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}

/**umb_name:Lobster*/
.Lobster{font-family: "Lobster", sans-serif;
  font-weight: 400;
  font-style: normal;}

/**umb_name:Big Shoulders Display*/
.BigShouldersDisplay{font-family: "Big Shoulders Display", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}

/**umb_name:Unica One*/
.UnicaOne{font-family: "Unica One", sans-serif;
font-weight: <weight>;
font-style: normal;}

/**umb_name:Audiowide*/
.Audiowide{font-family: "Audiowide", sans-serif;
font-weight: <weight>;
font-style: normal;}

/**umb_name:Bebas Neue*/
.BebasNeue{font-family: "Bebas Neue", sans-serif;
font-weight: <weight>;
font-style: normal;}

/**umb_name:Poiret One*/
.PoiretOne{font-family: "Poiret One", sans-serif;
font-weight: <weight>;
font-style: normal;}

/**umb_name:Advent Pro*/
.AdventPro{font-family: "Advent Pro", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;}

/**umb_name:Jura*/
.Jura{font-family: "Jura", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}

/**umb_name:Dosis*/
.Dosis{font-family: "Dosis", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}

/**umb_name:Julius Sans One*/
.JuliusSansOne{font-family: "Julius Sans One", sans-serif;
font-weight: <weight>;
font-style: normal;}

/**umb_name:Roboto*/
.Roboto{font-family: "Roboto", sans-serif;
font-weight: <weight>;
font-style: normal;}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}}

/**umb_name:Roboto Condensed*/
.RobotoCondensed{font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}

/**umb_name:Poppins*/
.Poppins{font-family: "Poppins", sans-serif;
font-weight: <weight>;
font-style: normal;}


</style>}