.main-menu-btn {
    position: fixed;
    right: 10px;
    top: 30px;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-indent: 28px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index:999999;
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 2px;
    height: 2px;
    width: 24px;
    background: #bbb;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
	z-index:999999;
}

.main-menu-btn-icon:before {
    content: '';
    top: -7px;
    left: 0;
}
.main-menu-btn-icon:after {
    content: '';
    top: 7px;
    left: 0;
}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
    height: 0;
    background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* hide menu state checkbox offscreen (so it stays visible to screen readers) */
#main-menu-state {
    position: absolute;
    top: -99999px;
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
    display: none;
}
#main-menu-state:checked ~ #main-menu {
    display: block;
}
@media (min-width: 768px) {
    /* hide the button in desktop view */
    .main-menu-btn {
        position: absolute;
        top: -99999px;
    }
    /* always show the menu in desktop view */
    #main-menu-state:not(:checked) ~ #main-menu {
        display: block;
		white-space:nowrap;
		float:left;
		min-width:700px;
    }
}
#main-menu-state:not(:checked) ~ #main-menu li{
width: max-content;

}
body{
    background: #000!important;
    font-family: Open Sans, Helvetica, Arial, sans-serif!important;
    color: #F0F2F3;!important;
    font-size: 14px;
    line-height: 21px;
    margin: 0;
    overflow-x: hidden;
}

.topPadding{
    padding-top: 19px;
}

.whiteBG{
    background: white;
}

.basement{
	min-height:20em;
}
	

.fullPadding{
    padding:10px;
}

.bottomPadding{
    padding-bottom: 10px;
}

.leftRightPadding{
    padding-left:10px;
    padding-right:10px;
	
}
.Page-title{
	color:#fff;
	position:absolute;
	font-weight:bold;
	top:1em;
	max-height:100%;
}

.minHeight211{
    min-height: 211px;
    border: 1px solid #999999;
}

.darkerGray{
    background: #ffffff !important;
}

.darkBlueColor{
    color: #015697;
}

.lightGrayColor{
    color: #999999;
}


.imgRightPadding{
    margin-right: 15px!important;
}
.techDataImg{
	width:40em;
	display:iniline-block;
	max-width:100%;
	margin:auto;
	
	
}
.socialBoxes{
    font-size: 20px;
float: right;
}

.socialBoxes a{
    color: darkgray;
    margin-left: 5px;
}

.searchBox{
    float: right;
    width: 180px;
}

.searchBox input{
    width: 180px;
	
    display: inline-block;
    margin-right: 5px;
	border:none;
	margin-right:-1px;
	margin-bottom: 5px;
	border-radius:0px;
	padding-right:40px;
	
}

.searchBox button{
    display: inline-block;
}
#sb{
 border:none;
 margin:0px;
 z-index:99;
 position:absolute;
 top:28px;
 right:20px;
 height:20px;
}
/* SearchField */

.noTopPadding{
    padding: 0 10px 10px 10px;
}

.subheader{
	font-weight:bold;
	
	
	
}
table .header {
    cursor: pointer;
}
table .header:after {
    content: "";
    float: right;
    margin-top: 7px;
    border-width: 0 4px 4px;
    border-style: solid;
    border-color: #fff transparent;
    visibility: hidden;
}
table .headerSortUp, table .headerSortDown {
    background-color: rgba(141, 192, 219, 0.25);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
table .header:hover:after {
    visibility: visible;
}
table .headerSortDown:after, table .headerSortDown:hover:after {
    visibility: visible;
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}
table .headerSortUp:after {
    border-bottom: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    visibility: visible;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.bgFit{
    background-repeat: no-repeat!important;
    background-origin: border-box!important;
    background-size: 100%!important;
}

.image-gal{
	margin:auto;
	max-width:50em;

}
.homeBox{
    min-height: 300px;
    color:white;
    text-align: left;
	max-width:30em;
}

.homeBox div{
    position: absolute;
    top:42%;
    left: 0%;
    right:5%;
    z-index: 2;
    padding-left: 10px;
    padding-right: 10px;
	max-width:30em;
	
}
.homebox div h3{
		margin-left:1em;
		font-weight:bold;
}
.homeBox div p{
    padding-top: 50px;
	padding-left:10px;
	padding-right:10px;
	
}
.homeBox  div img{
	width:100%;

}

.white-link {
	color:#fff;

}

.imgFit{
    position: relative;
    width: 100%;
    height: auto;
    max-height:500px;
    z-index: 1;
}

.footerPadding{
    padding-top: 0px;
	/*margin-top:3em;*/
}
.footer td{
	width:20em;
}
.footer table{
	width:100%;
}

a.flag{
    font-size: 16px;
    padding: 1px 0;
    background-repeat: no-repeat;
    background-image: url('../images/16a.png');
}

#google_translate_element2 {
    display: none!important;
}
@media (min-width: 1000px) {
   .mainlogo{
    display: block;
	max-width:30%;
	height: auto;
   }
}

@media (max-width: 1000px) {
	.mainlogo{
	width:50%;
	}
}
.mainlogo{
     display: block;
  max-width: 100%;
  height: auto;
}


@media (max-width: 767px) {
    .socialBoxes{
        float: left;
    }
}
div .customtrans {
	max-width:15%;
	
	float:right;
	
	
}
.customtrans img {
    width: 100%;
    max-width: 15em;
    min-width: 15em;
    float: right;
    margin-right: .5em;
    overflow: hidden;
}
/*  Product page */
.hide-prodinfo {
	display:none;

}

.titles{
    color: #005696;
    font-weight: bold;
}

/*isotope*/
.blockItem{
    display: inline-block;
    width: 98%;
    height: 300px;
    /*  border: 1px solid #3299BB;
     border-radius: 0;
    -webkit-box-shadow: 1px 4px 6px 2px #cccccc;
     box-shadow: 1px 4px 6px 2px #cccccc;*/
    background: #ffffff;
    margin: 5px;
    padding: 5px;
    text-align: center;
}

.blockItem img{
    margin: 0 auto;
    max-height: 180px!important;
}

@media (min-width: 768px) {

    .blockItem{
        display: inline-block;
        vertical-align:top;
        padding: 5px;
        width: 23%;
        height: 260px;
        margin: 5px;
        /*   border: 1px solid #3299BB;
       border-radius: 2px;
         -webkit-box-shadow: 1px 4px 6px 2px #cccccc;
         box-shadow: 1px 4px 6px 2px #cccccc;*/
        background: #ffffff;
        text-align: center;
    }

    .blockItem img{
        max-height: 150px!important;
        margin: 0 auto;
    }


}

/* ---- button ---- */

.button {
    display: inline-block;
    outline:0;
    padding: 0.5em 1.0em;
    border: 1px solid #3299BB;
    border-radius: 2px;/*
    -webkit-box-shadow: 1px 4px 6px 2px #cccccc;
    box-shadow: 1px 4px 6px 2px #cccccc;*/
background: #ffffff;

    font-size: 16px;
    cursor: pointer;
}

.button:hover {
    background-color: #8CF;
    color: #222;
}

.button:active,
.button.is-checked {
    background-color: #ccc;
}

.button.is-checked {
    color: black;
}

/*.button:active {
    box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}*/

/* ---- button-group ---- */

.button-group:after {
    content: '';
    display: block;
    clear: both;
}

.button-group .button {
    float: left;
    border-radius: 0;
    margin: 2px;
    /*margin-left: 0;
    margin-right: 0;*/
}

/*
.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }
*/

/* ---- isotope ---- */



/* clear fix */
.blocks:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- .element-item ---- */

.element-item {
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
    margin: 5px;
    padding: 10px;
    background: #888;
    color: #262524;
}

.element-item > * {
    margin: 0;
    padding: 0;
}

.element-item .name {
    position: absolute;

    left: 10px;
    top: 60px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 12px;
    font-weight: normal;
}

.element-item .symbol {
    position: absolute;
    left: 10px;
    top: 0px;
    font-size: 42px;
    font-weight: bold;
    color: white;
}

.element-item .number {
    position: absolute;
    right: 8px;
    top: 5px;
}

.element-item .weight {
    position: absolute;
    left: 10px;
    top: 76px;
    font-size: 12px;
}

.element-item.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }
.element-item.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }
.element-item.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }
.element-item.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }
.element-item.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }
.element-item.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }
.element-item.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }
.element-item.diatomic        { background: #00F; background: hsl( 252, 100%, 50%); }
.element-item.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }
.element-item.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }

.blockBox{
    border: 1px solid #cccccc;
    border-radius: 0;
    -webkit-box-shadow: 1px 4px 6px 2px #cccccc;
    box-shadow: 1px 4px 6px 2px #cccccc;
}
/* customized TDT1000 product page */
.tdtextras{
	float:;left';
	
	width:300px;

}



.tdtregbutton{
	
	width:200px;
	height:70px;
	background-color:#015697;
	color:#fff;
	
	border-radius:15px;
	

}

.tdtapp{
	height:70px;

}

.apptitle{
		width:100px;
		height:10px;
		position:relative;
		top:-80px;
		left:80px;
		display:block;
		margin:10px;
		color:fff;
}
.appdl{
		width:110px;
		height:25px;
		position:relative;
		top:-80px;
		left:80px;
		display:block;
		
		color:#000;
		border-radius:7px;
		
	}
@media (max-width: 700px) {
	.tdtextras{
		float:left;
		margin:0px;
	
	}

}
/* language select box */
#langBox {
width:330px;
height:100px;
background-color:#e6e6e6;
position:absolute;
top:55px;
right:15px;
z-index:100;
/*border:1px solid #015697;
border-radius:4px;*/
padding:0px;

}

#langBox a {
color:#000;
}

#langBtn {
	height:40px;
	display:inline;
	position:absolute;
	right:15px;
	top:20px;
	z-index:100;
}
#langBtn button{
color:#999999;
background-color:#fff;
width:120px;
height:32px;
border:0;
border-radius:0;
padding:0px;



z-index:99;
}
.languagebox{

padding:0px;
}
.languagebox ul li{
font-size:1px;
float:left;
margin-right:10px;
width:85px;
position:relative;
top:-5px;
left:-20px;
color:#000;

}
.languagebox ul {
width:100%;
}
.languagebox ul li a{
font-size:12px;


}
/* search button*/

#sb{
	width:40px;
	background-color:transparent;
	position:absolute;
	top:23px;
}
.searchfield{
	width:220px;
	background-color:fff;
	

}
@media (max-width: 600px) {
	.productDescriptionImg{
	float:left !important;
	width:100% !important;
	margin:20px;

	}
}
.productDescriptionImg{
	position:relative;
	top:-20px;
	min-width:300px;
	float:right;
	width:45%;
	max-width:600px;

}
/* hidden elements */
.multi{
	display:none;
}
/* extra tab on productdescription.html */
.extraTab{
display:inline-flex;
width:50%;
min-width:220px;
max-height:400px;
flex-wrap:wrap;

}
.extraTab p{
	float:left;
	max-width:200px;
position:relative;
	top:80px;
	
}
.extraImg{
	margin:auto;
	width:50%;
	min-width:200px;
	position:relative;
	top:-60px;
	
}

@media (max-width: 1200px) {
.extraTab{
	max-height:600px;
}
.extraTab p{
	margin:auto;
}
}

.echorangeExtra{
	width:270px;
	height:115px;
	float:right;
	
	position:relative;
	top:-100px;
	left:-50px;
	border: 3px solid #015697;
	border-radius: 5px;
	padding: 5px;
	display:flex;
    align-items: center;
	align-content: center;
	
	
}
.echorangeExtra img{
	width:100px;
	
	margin-right:4px;

}
.echorangeExtra p{
	flex-shrink: 1;
	width:140px;
}
@media (max-width: 725px) {
	.echorangeExtra{
	float:left;
	top:0;
	left:0;
	
	}
}
@media (max-width: 400px) {
	.echorangeExtra{
	height:225px;	
	width:125px;
	flex-wrap:wrap;
	}
	
}
small a{
color:#fff;
}
/* NEWS */


iframe {
	border:none;
	width:26%;
	color:#fff;
	height:85em;
	min-width:330px;
	padding-bottom:26px;
	overflow-y:hidden;

}

/* Added 09/13/18 JPrimault */

p.intro_dwnlds {
    padding-top:20px;
    
}

#icon {
    padding-right: 6px;
}

.table-dwnlds {
    width: 80%;
}

section.docs {
    margin-left: 20px;
    margin-top: 5px;
}

.product {
	font-size: 20px;
    font-weight: bolder;
	padding-bottom:10px;
}

.prod-row-title {
    font-weight: normal;
    background-color: #F5F5F5;
}

.entry, .tr {
   
    padding: 15px;
    text-align: center;
    vertical-align: baseline;
}

.tr {
   border-bottom: 1px solid #E0E0E0;

}

.entry {
    border-right: 1px solid #E0E0E0;

    
}

.ul-prod {
    text-align: left;
    
}

/* p.product {
    padding-top: 50px;
    
} */

section.docs {
    padding-top: 10px;
    padding-bottom: 40px;
    
}

/* Select Menu */

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Arial;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: #F5F5F5;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: black transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent black transparent;
  top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: black;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #F5F5F5;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

/* End select menu */